Question

I have this markup as shown below:

<div id="content_area">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
  <tr>
    <td width="100%" valign="top">
      <div id="some_id"> </div>
    </td>
  </tr>
   </tbody>
</table>
</div>

Now i want to get the div with the id “content_area” using the div with the id “some_id” and style the “content_area” using jquery. How can i traverse upwars using “.parent() in this scenario? Will the table structure be a hurdle?

Answer 1

jQuery API closest

.closest( selector ) Returns: jQuery

Description: For each element in the set, get the first element that
matches the selector by testing the element itself and traversing up
through its ancestors in the DOM tree.