0

我正在使用 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代码来做到这一点

4

6 回答 6

0

您可以使用.css()jQuery 的功能并执行以下操作:

$('<tr />').html(text3[item]).css('background', 'red').appendTo('.travTableContent');
于 2013-07-26T06:29:45.173 回答
0

你可以简单地使用,

$("#id").css("backgroundColor","yellow");
于 2013-07-26T06:35:28.293 回答
0

无需为此使用 jQuery。您可以使用nth-child()选择器在 CSS 文件中定义 CSS 规则:

.travTableContent tr:nth-child(2) { background-color: Gray; }
于 2013-07-26T06:36:37.963 回答
0

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

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

在所有 tr 被附加到成功函数内的表之后。

但是我怀疑您的表结构是否有效...因为我可以看到您正在创建tr将其附加到内容..然后td再次将其添加到内容中而不是<tr>...应该将其添加到tr...<td>应该始终在<tr>其他内容中它是无效的表结构。

于 2013-07-26T06:37:07.327 回答
0

粗略地说,你的逻辑是这样的。

 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');
        }                                         
  }   

但是,我怀疑您的代码是否正确。请发布一个工作小提琴。

于 2013-07-26T06:38:30.130 回答
0

您首先需要正确地创建您的表: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");
于 2013-07-26T06:53:57.697 回答