jquery - 使用jquery单击同一行的按钮获取td值

Question

表中会有很多行，每行都有删除按钮。单击删除按钮时，我试图获取两个 td 值。它返回 null

HTML 是

<tr>
   <td> abc</td>
     <td> def</td>
       <td> <input type="button" class=" delete"  value=" delete"></td>

点击按钮时的Jquery代码

  jQuery(this).find("tr td:eq(1)").text();

有什么问题吗？当我们单击删除按钮时，它应该获取每一行的第二个 td 值

Answer 1

您需要先返回父级，然后找到子级。

$('.delete').on('click', function(){
  txt = $(this).parents('tr').find("td:eq(1)").text();
  console.log(txt);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>abc</td>
    <td>def</td>
    <td>
      <input type="button" class="delete" value="delete">
    </td>
    <tr>
</table>