jquery 等于 PHP <?=++$r%2?'odd':'even'?> 对于条带表行？

Question

我在 PHP 中这样做：++$r%2?'odd':'even' 以应用条纹行..

<tr class="<?=++$r%2?'odd':'even'?>"><td>...</td></tr>

但是当我通过$.ajax-request 获得记录集时，我会返回如下结果：

$('#table_selected tbody').empty();  //  empty the table
$.ajax({  //  fetch new data and insert into new rows
    ...
    success: function(data){
        $.each(data, function(i, array){
            $('#table_selected tbody').append('<tr><td>'+array['name']+'</td></tr>');
        });
    }
});

我想做的是将odd/even-class 添加到每隔一行的<tr>-元素中 - 就像我在 php 中所做的那样。

在 js/jqyery 中是否有类似的方法来实现这一点？

我阅读了这个答案：How do I add odd/even class only for table rows which haven´t had odd/even class yet?，我认为这是我想要实现的目标的开始，但不确定如何将解决方案应用到我的代码中：

$("table tbody tr:nth-child(odd)").addClass("odd");
$("table tbody tr:nth-child(even)").addClass("even");

Answer 1

如果您真的只需要对表格的奇数行/偶数行进行条带化，您能否将其添加到页面的 css 中：

#table_selected tbody tr:nth-child(odd){ background-color: green; }
#table_selected tbody tr:nth-child(even){ background-color: yellow; }

如果您需要课程，正如 Arun P Johny 在 cmets 中建议的那样，您可以像这样更新您的脚本：

$('#table_selected tbody').empty();  //  empty the table
$.ajax({  //  fetch new data and insert into new rows
    ...
    success: function(data){
        $.each(data, function(i, array){
            $('#table_selected tbody').append('<tr><td>'+array['name']+'</td></tr>');
        });

        $("#table_selected tbody tr:nth-child(odd)").addClass("odd");
        $("#table_selected tbody tr:nth-child(even)").addClass("even");
    }
});

或者像这样（更类似于你的php方式）：

$('#table_selected tbody').empty();  //  empty the table
$.ajax({  //  fetch new data and insert into new rows
    ...
    success: function(data){
        $.each(data, function(i, array){
            $('#table_selected tbody').append(
                $('<tr><td>' + array['name'] + '</td></tr>')
                    .addClass(i % 2 ? 'odd' : 'even')
            );
        });
    }
});