Javascript HTML/jQuery在最近位置查找文本<；p>；标签

我有一个具有相同ID的不同td的表，这是我的表，在foreach循环中：

<td class="AMLLeft" style="display:inline-block; !important">ID:
    <p class="important">${item.id}</p>
</td>
<td align="right" nowrap="true" class="AMLRight">Transaction sum: ${item.sum} ${item.currencyCode}</td>
</tr>
<tr class="hiddenRow">
    <td align="left">
        <div class="collapse123 demo${item.id}">
            <p>AML ID: ${item.id}</p>
        </div>
    </td>
    <td align="right">
        <div class="collapse123 demo${item.id}">
            <input type="button" value="Comment" class="btn btn-xs btn-primary commentButton" <a href="#myModal" data-toggle="modal" id="${item.id}" data-target="#edit-modal">
        </div>
    </td>
</tr>
<tr class="hiddenRow">
    <td align="left">
        <div class="collapse123 demo${item.id}">
            <p>AML Category: ${item.amlClientCategory}</p>
        </div>
    </td>
    <td align="right">
        <div class="collapse123 demo${item.id}">
            <input type="button" value="Close" class="btn btn-xs btn-primary">
        </div>
    </td>
</tr>
<tr class="hiddenRow">
    <td align="left">
        <div class="collapse123 demo${item.id}">
            <p>Client ID: ${item.clientId}</p>
        </div>
    </td>
    <td align="right">
        <div class="collapse123 demo${item.id}">
            <input type="button" value="Set Investigate" class="btn btn-xs btn-primary">
        </div>
    </td>
</tr>
<tr class="hiddenRow">
    <td align="left">
        <div class="collapse123 demo${item.id}">
            <p>Status: ${item.status}</p>
        </div>
    </td>
    <td align="right">
        <div class="collapse123 demo${item.id}"></div>
    </td>
</tr>
<tr class="hiddenRow">
    <td align="left">
        <div class="collapse123 demo${item.id}">
            <p>Comment: ${item.comment}</p>
        </div>
    </td>
    <td align="right">
        <div class="collapse123 demo${item.id}"></div>
    </td>
</tr>

非常感谢您的帮助

$(".commentButton").on('click', function () {
  var id = $(document).find('p.important').html();
  alert("id is:" + id);
});

这是您的按钮，它不包含您搜索的项目。

.html
获取html标记之间的值

$(this).closest('tr').siblings().find('p.important').text();

试试这个

使用按钮选择
tr
使用
sibbines（）
获取p的tr，其中包含.important。获取
tr
后，使用
.find（）
搜索
p.important
，最后使用
.text（）
获取值。
您是否尝试过$（this.closest（'p.important'）.val（）；顺便说一句，您的p不在input.commentButton内，因此$（this.find（'p.important'）将不起作用。p没有值。您可以使用
text（）
或
html（）
还要注意的是.value（）在jQuery中不存在，它是val（），但正如@Pekka为p元素指出的，它的text（）或html（）是有效的。@Somethingcool123我错过了这一个。。尝试
$（this）.closest（'tr'）.sides（）…find（'p.important'）.text（）@Pekka先生，请为这个问题添加一个答案，我会接受的，太棒了。谢谢！据我所知，这可以用于获取第一行ID的值。我想做的是获取我正在单击的行的ID（这是一个可单击的表）再次感谢，非常感谢！
$(this).closest('tr').siblings().find('p.important').text();