在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

希望它能幫助。