Question

我需要访问表中的tr元素。

我有3个列，最后一列有复选框。如果发生变化，我有代码：

alert( $(this).parent().parent().html() );

获得所有3个td元素，但我需要使用tr父标记。

我试过了：

alert( $(this).parent().parent().parent().html() );

alert( $(this).parent().parent().prev().html() );

并且不起作用。

HTML：

<table>
   <thead bgcolor="#668c41">
      <tr>
         <th>App</th>
         <th>Server</th>
         <th>Action</th>
      </tr>
   </thead>
   <tbody id="dialog-app">
      <tr>
         <td>appA</td>
         <td>serverA</td>
         <td><input checked="" type="checkbox"></td>
      </tr>
   </tbody>
</table>

Answer 1

尝试使用 .closest() ：

alert( $(this).closest('tr').html() );

如果您想要最接近tr元素的外部HTML，那么您可以这样做：

alert($(this).closest('tr')[0].outerHTML)

Answer 2

如果您想要到达最近的tr，您可以使用closest()

$(this).closest('tr')[0].outerHTML // to get html including the tr

----> http://api.jquery.com/closest/

jquery DOM访问父元素

2 个答案: