Question

我想循环遍历表格的第一列，如果是奇数则将单元格设置为红色，如果是偶数则将单元格设置为蓝色。在下面：包含a，c的单元格将为红色，b将为蓝色。

<table class='sortable'> 
    <tr> 
        <td>a</td> 
        <td>d</td> 
        <td>g</td> 
    </tr> 
    <tr> 
        <td>b</td> 
        <td>e</td> 
        <td>h</td> 
    </tr> 
    <tr> 
        <td>c</td> 
        <td>f</td> 
        <td>i</td> 
    </tr> 
</table>

Answer 1

使用此代码仅设置每行的第一列。不需要循环：

$(".sortable tr:even td:first-child").css("color", "blue");
$(".sortable tr:odd td:first-child").css("color", "red");

Answer 2

如果你想用一个类来做，只有上面列出的表：

$(document).ready(function() {
  $(".sortable tr:odd td:first").addClass("red");
  $(".sortable tr:even td:first").addClass("blue");
});

OR 如果你想要有很多行（编辑：并且不知道带有a，b，c的列是第一个还是第二个或者根本不存在）：

$(document).ready(function() {
 $(".sortable tr td:first).each(function(){
  if ($(this).text()=="a" || $(this).text()=="c"){
    $(this).addClass("red");
  }
  if ($(this).text()=="b"){
    $(this).addClass("blue");
  }
 }

});

您还需要指定班级

<style>
 .blue {color:blue}
 .red {color:red}
</style>

Answer 3

 $(document).ready(function() {
   $(".sortable tr:odd td:first-child").css("background-color", "red");
   $(".sortable tr:even td:first-child").css("background-color", "blue");
 });

如何遍历列并将其单元格设置为类jquery

3 个答案: