Пример показывает как добраться до первого родительского элемента.
Бывает нужно, удалить или скрыть родителя (например TR но доступ есть только к TD)
Рассмотрим пример:
<table> <tr> <td><input type="button" value=""></td> <td>Test1</td> </tr> <tr> <td><input type="button" value=""></td> <td>Test2</td> </tr> </table>
Цель скрыть строчку при клике на кнопку.
И так, код:
<table>
<tr>
<td><input type="button" value="" onclick="$(this).parents('tr').eq(0).hide();"></td>
<td>Test1</td>
</tr>
<tr>
<td><input type="button" value="" onclick="$(this).parents('tr').eq(0).hide();"></td>
<td>Test2</td>
</tr>
</table>