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

当您点击该按钮时，您可以要求closest tr然后find询问特定的td，并在内部询问text它

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

1 个答案: