使用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

首先你必须得到父母。

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

Answer 2

您需要先回到父母身边，然后找到孩子。

$('.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>

Answer 3

试试这个。

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

Answer 4

使用nearest（）函数并获取其父tr并找到“td：eq（1）”

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