如何从另一个子td元素检查父tr元素内的td元素的值

Question

我正在使用jQuery的DataTables表插件。 我有4列，其中一列包含按钮（“编辑和删除”）。 在使用JavaScript / jQuery单击按钮之一时，我需要检查另一列（在同一父tr元素中）的值。

<tr role="row" class="odd">
  <td class="sorting_1">0 <!-- I need this number --> </td>
  <td>Exercise 1</td>
  <td>nl</td>
  <td class=" dt-center"> <!-- this element conatains the buttons --> </td>
</tr>

有人可以帮我吗？ 提前致谢。 =）

Answer 1

单击按钮时，您可以要求最接近的 tr ，然后找到特定的td并要求输入其中的text 。

$(this).closest("tr").find(".sorting_1").text()

 $('.getvalue').click(function() { console.log($(this).closest("tr").find(".sorting_1").text()) }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr role="row" class="odd"> <td class="sorting_1">0 </td> <td>Exercise 1</td> <td>nl</td> <td class=" dt-center"> <button class="getvalue">get value</button></td> </tr> <tr role="row" class="odd"> <td class="sorting_1">2</td> <td>Exercise 2</td> <td>n2</td> <td class=" dt-center"> <button class="getvalue">get value</button></td> </tr> </table>