javascript - 在 html 表中查找第一个匹配项并输出

Question

我有以下问题；

下面是我的表格示例；

<table id="clientDetails">
<tbody>
    <tr>
        <td>Client - Mr Smith</td>
    </tr>
    <tr>
        <td>Client - Mr Ted</td>
    </tr>
    <tr>
        <td>Client - Mr Dhillon</td>
    </tr>
    <tr>
        <td>Client - Mr Sean</td>
    </tr>
    <tr>
        <td>Client - Mr Hart</td>
    </tr>
</tbody>

我想要工作的 Jquery 是；

$(function test() {
    var elTableRow = document.getElementById("clientDetails");
    var elTableCells = elTableRow.getElementsByTagName("td");
    var test = alert(elTableCells[1].innerText);
    $('body').append(test);
    }
)

Answer 1

$(body).append($($('#clientDetails').find("td:contains('Client -')")[2]).html());

这会将第三个“客户端”行的内容附加到正文中。当然，假设有第三排......

Answer 2

尝试这个：

$(function test() {
    $('body').append($('#clientDetails tbody td:first-child').html());

     // or
     // $('#clientDetails tbody tr:first td').text();

     // to select the third client:
     // $('#clientDetails tbody tr:eq(2) td').text();
    }
)

Answer 3

$(function() {
  $('body').append($('#clientDetails').find('td').first().html());
});

jsFiddle

希望能帮助到你。