HTML/jQuery查找最接近<p>标签

HTML/jQuery finding text in closest <p> tag

本文关键字：gt 标签 lt 查找 最接近 HTML jQuery      更新时间：2023-09-26

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

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

我希望能够找到第二行的值：<p class="important">${item.id}</p>，这是我迄今为止尝试过的代码，但没有成功：

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

非常感谢您的帮助！

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

试试这个

使用按钮选择tr，使用siblings()获得p的tr。重要。在获得tr后使用.find()搜索p.important，最后使用.text()获得值。

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

this是您的按钮，它不包含您搜索的项目
.html获取html标签之间的值

相关文章：