javascript - 选择表行中单击的按钮旁边的 div 文本

Question

这是一个示例表。

<table class="table table-bordered">
<tbody>
<tr>
<tr>
    <td>Stuff<div id="ParentID" style="display:none">145689</div></td>
    <td><button class="btn btn-small">Send</button></td>
</tr>
</tbody>   
</table>

我想选择 div 标签内的文本，其中 id=ParentID 最接近单击的按钮。我将来会有多行，因此它对于该行必须是唯一的。

我现在有

var qry =  $(this).closest('#ParentID').text();

明显不起作用

Answer 1

这是可以做到的:

$(".btn").on("click", function() {
    var text = $(this).closest("tr").find("div").text();
    // ...
});

注意元素应具有唯一的 ID，因此不能有多个 <div> ID 为“ParentID”的元素。我希望您仅将其用作示例。