Question

我正在使用Asp .Net MVC3.以下是我的ajax成功函数，

         success:function(data){
        $('.travTableContent').empty();
        var text3=data.data.lstunutilizedownershipentities;
        for( var item in text3)
        {    
        debugger;
        $('<tr />').html(text3[item]).appendTo('.travTableContent');            
        $('<td />').html(text3[item].CurrentOwnership).appendTo('.travTableContent');
        $('<td />').html('<a href="#" onclick="javascript:GetDetail(\'' + text3[item].CurrentOwnership + '\');">' + text3[item].cnt + '</a>').appendTo('.travTableContent');                                               
        }            
        }     
        });

我想设置奇数行的颜色（tr：odd）我可以使用哪个jquery代码来执行此操作

Answer 1

您可以使用jQuery的.css()函数并执行以下操作：

$('<tr />').html(text3[item]).css('background', 'red').appendTo('.travTableContent');

Answer 2

你可以简单地使用，

$("#id").css("backgroundColor","yellow");

Answer 3

不需要为此使用jQuery。您可以使用nth-child() selector：

在CSS文件中定义CSS规则

.travTableContent tr:nth-child(2) { background-color: Gray; }

Answer 4

最简单的方法是使用:odd选择器..

 $("tr:odd").css("background-color", "#fff");

将所有tr附加到成功函数内的表后。

但是我怀疑你的表结构是否有效...因为我可以看到你正在创建tr将其附加到内容..然后td再次将其添加到内容而不是{ {1}} ....应该添加到<tr> ... tr应始终位于<td>内，否则表格结构无效。

Answer 5

粗略地说，你的逻辑会像这样。

 var i=0;
  for( var item in text3)
  {    
        i++;

        debugger;
        $('<tr />').html(text3[item]).appendTo('.travTableContent');            
        $('<td />').html(text3[item].CurrentOwnership).appendTo('.travTableContent');
        $('<td />').html('<a href="#" onclick="javascript:GetDetail(\'' + text3[item].CurrentOwnership + '\');">' + text3[item].cnt + '</a>').appendTo('.travTableContent');      

        if(i%2 == 0){
        $('<tr />').css('background', 'red');
        }                                         
  }

但是，我怀疑你的代码是否正确。请张贴一个工作小提琴。

Answer 6

您首先需要立即创建表格： TD应该附加到TR而不是表格。

 $('<td />').html(text3[item].CurrentOwnership).appendTo('.travTableContent');
    $('<td />').html('<a href="#" onclick="javascript:GetDetail(\'' + text3[item].CurrentOwnership  + '\');">' + text3[item].cnt + '</a>').appendTo('.travTableContent');

这应该是：

 $('<td />').html(text3[item].CurrentOwnership).appendTo('.travTableContent tr :last');
    $('<td />').html('<a href="#" onclick="javascript:GetDetail(\'' + text3[item].CurrentOwnership + '\');">' + text3[item].cnt + '</a>').appendTo('.travTableContent tr :last');

就像你需要从表格中附加:last TR一样。

完成后，您可以使用以下方法为奇数行提供颜色。

$("table tr :odd").css("background-color", "red");

如何为ajax成功函数设置css

6 个答案: