Question

我希望迭代表中具有某个类的所有行。

        $('tr.class1').each(function(index, element)
        { 

        // get cell value here

        });

如何获取单元格值？

Answer 1

用以下代码替换您的代码：

$('tr.class1 td').each(function(index, element)
        { 
            var content = $(element).text();   // to get cell content
            $(element).text('new td content'); // to set cell content
        });

Answer 2

使用类似

的类选择特定td中的所有tr（单元格）

$('tr.class1 td')

然后使用.each()函数遍历所有td。在此功能中，您需要使用.text()来获取单元格内容。

以下是工作样本。

＆＃13;

$('tr.class1 td').each(function(){  
    console.log($(this).text());  // $(this) will refer to td element in the current iteration
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr class="class1">
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr class="class1">
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

＆＃13;

Answer 3

Dunno为什么你的问题被低估了，但你需要补充：

 $('tr.class1').each(function(index, element){ 
     var value = $(this).attr('value');
 });

或

 $('tr.class1').each(function(index, element){ 
     var value = $(this).value();
 });

更新：如果你想要表格单元格中的值，你应该使用.html（）或.text（），因为你使用的是jQuery

Answer 4

这是迭代表中某个类的所有行并获取单元格值的一种方法。

＆＃13;

$('tr.class1').each(function(index, element)//Iterates all rows with 'class1'
{ 
  $(element).find('td').each(function(i, e){//Iterates all cells inside those rows
    var cellValue = $(e).text();//Gets the value of the current cell
    console.log(cellValue);//Print it or whatever...
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr class="class1">
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
  <tr class="class1">
    <td>Tim</td>
    <td>Brown</td> 
    <td>55</td>
  </tr>
</table>

＆＃13;

Answer 5

将您的选择器更改为$('tr.class1 td')。将使用classe class1检索tr内的所有td。

在您调用each的{{1}}功能中，检索$(this).text()内容。

td

如何从具有特定类的表行获取单元格值？

5 个答案: