HTML / jQuery查找最近的文本< p>标签 [英] HTML/jQuery finding text in closest <p> tag

问题描述

  
我有一张表，里面有不同的td，具有相同的ID，这是我的表，在foreach循环中： >< td class =AMLLeftstyle =display：inline-block;！important> ID：
< p class =important> $ {item.id}< / p> 
< / td> 
< td align =rightnowrap =trueclass =AMLRight>交易金额：$ {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 =buttonvalue =Commentclass =btn btn-xs btn-primary commentButton< a href =＃myModaldata-toggle =modalid =$ { item.id}data-target =＃edit-modal> 
< / div> 
< / td> 
< / tr> 
< tr class =hiddenRow> 
< td align =left> 
< div class =collapse123 demo $ {item.id}> 
< p> AML类别：$ {item.amlClientCategory}< / p> 
< / div> 
< / td> 
< td align =right> 
< div class =collapse123 demo $ {item.id}> 
< input type =buttonvalue =Closeclass =btn btn-xs btn-primary> 
< / div> 
< / td> 
< / tr> 
< tr class =hiddenRow> 
< td align =left> 
< div class =collapse123 demo $ {item.id}> 
< p>客户端ID：$ {item.clientId}< / p> 
< / div> 
< / td> 
< td align =right> 
< div class =collapse123 demo $ {item.id}> 
< input type =buttonvalue =Set Investigateclass =btn btn-xs btn-primary> 
< / div> 
< / td> 
< / tr> 
< tr class =hiddenRow> 
< td align =left> 
< div class =collapse123 demo $ {item.id}> 
< p>状态：$ {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>评论：$ {item.comment}< / p> 
< / div> 
< / td> 
< td align =right> 
< div class =collapse123 demo $ {item.id}>< / div> 
< / td> 
< / tr> 
  

我希望能够找到第二行的值：< ; p class =important> $ {item.id}< / p> ，这是我到目前为止所尝试的代码，它不起作用：

$ （'click'，function（）{
var id = $（this）.find（）。
$ b

  $（。commentButton （'p.important'）。value（）; 
 alert（id is：+ id）; 
}）; 
  

任何帮助都非常感谢！

;

试试这个

使用按钮选择 tr 使用 siblings（）来获取带有.important的p的tr。在获取 tr 后，使用 .find（）搜索 p.important ，最后使用 .text（）获取值。

I've got a table with different td's with the same ID, this is my table, in a foreach loop:

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

I want to be able to find the value of the 2nd rows: <p class="important">${item.id}</p>, This is the code I've tried so far, which didn't work:

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

Any help with this is very much appreciated!

解决方案

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

try this

Using the button select the tr use siblings() to get the tr of the p with .important. after getting the tr use .find() to search for the p.important and finally using .text() get the value.

这篇关于HTML / jQuery查找最近的文本< p>标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！