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

Question

I want to get a parent element with the specified tag name.

Code example:

<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 tagname. 

Answer 1

See .closest() :

Get the first ancestor element that matches the selector, starting from the current element and evolving through the DOM tree.

those.

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

( Demo )

Answer 2

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

Answer 3

$('#myId').parents('table') also works