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

これを試して：

$(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());

これにより、3番目の「クライアント」行のコンテンツが本文に追加されます。もちろん3列目があると仮定して...

Answer 3

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

jsFiddle

それが役に立てば幸い。