在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

试试这个：

$(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 2

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

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

Answer 3

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

jsFiddle

希望它有所帮助。