How to get parent element by specified tag name using jquery?

rahim asgari picture rahim asgari · Nov 15, 2010 · Viewed 55.1k times · Source

I want to get an Element's parent which has an specified tag name.

Sample code:

<table>
   <tr>
      <td>
          <input type='button' id='myId' />
      </td>
   </tr>
</table>

Now i want something like this:

$('#myId').specificParent('table'); //returns NEAREST parent of myId Element which table is it's tagname.

Answer

jensgram picture jensgram · Nov 15, 2010

See .closest():

Get the first ancestor element that matches the selector, beginning at the current element and progressing up through the DOM tree.

I.e.,

$('#myId').closest('table')

(Demo)