jQuery讀取所有TD的表數據

Question

使用jQuery，我正在閱讀表：

$('#lc_searchresult > table > tbody > tr').each(function() {
            var data = $(this).find("td:eq(5)").html();
            alert(data);        
        });

如果TR標簽內部有一個TD則可以正常工作：

<tr>
<td>654321</td>       
</tr>

但是如果我有兩個TD's那么我只會得到第一個：

<tr>
<td>654321</td>            
<td>13456</td>        
</tr>

如何使用$(this).find("td:eq(5)").html()從TR獲取所有TD's

Answer 1

$('#lc_searchresult > table > tbody > tr').each(function() {
  $(this).children('td').each(function(){
    var data = $(this).html();
  alert(data);
  })

});

Answer 2

為什么要eq ？ 您正在使用.each() ，這意味着您將返回<tr>的數組。

 $('#lc_searchresult > table > tbody > tr').each(function() { var data = $(this).find('td').text(); alert(data); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="lc_searchresult"> <table> <tbody> <tr> <td>654321</td> <td>13456</td> </tr> <tr> <td>4353535</td> <td>3453553</td> </tr> </tbody> </table> </div> 

JSFiddle。

Answer 3

這應該工作，

**請注意，此處無需使用：eq選擇器，

閱讀有關JQUERY的信息：eq選擇器

 $('#lc_searchresult > table > tbody > tr').each(function() { var data = $(this).html(); alert(data); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div id='lc_searchresult'> <table> <tr> <td>654321</td> <td>13456</td> </tr> </table> </div> 

Answer 4

td：eq（5）：表示您獲得具有精確索引的TD數據。 因此您無法使用eq（）獲得TR的所有數據。

Answer 5

好吧，當你寫

var data = $(this).find("td");

變量數據包含所有td的數組，而不僅僅是第一個

如果你說

data.each(function(){
    alert($(this).html())
})  

你會得到所有的TD