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>

如何通过TD's

从TR获取所有$(this).find("td:eq(5)").html()

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选择器，

READ ABOUT JQUERY :eq selector

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 4

td：eq（5）：表示您获得具有精确索引的TD数据。所以你不能用eq（）得到TR的所有数据。

Answer 5

当你写的时候

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

变量数据包含所有td的数组，而不仅仅是第一个

如果你说

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

你将获得所有td的

jQuery读取所有TD的表数据

5 个答案: