jQuery特定表的备用表行颜色

Question

我有两张桌子。 <table id='1'></table>和<table id='2'></table> 。 当我把这段代码：

$(document).ready(function()
{
  //for table row
  $("tr:even").css("background-color", "#F4F4F8");
  $("tr:odd").css("background-color", "#EFF1F1");

});

两个表都得到了替代的行颜色，我不想要，我只想为id = 2的表着色。 如何实现？

Answer 1

修改你的代码，如：

$(document).ready(function()
{
  $("table#id2 tr:even").css("background-color", "#F4F4F8");
  $("table#id2 tr:odd").css("background-color", "#EFF1F1");
});

这假设您将表的id设置为id2例如：

<table id="id2">

Answer 2

首先， 它不允许以数字开头的id 。 将表更改为具有以下内容的ID：

<table id="table1"></table>

然后，您需要做的就是将正确的选择器添加到您的jQuery中：

$("#table2 tr:even").css(...);
$("#table2 tr:odd").css(...);

Answer 3

Pass your table Id as parameter:


settingTableRowColor('tableid');

var settingTableRowColor = function(tableName){
    $('#'+tableName+' tr:odd').attr('class','odd');
    $('#'+tableName+' tr:even').attr('class','even');
}

Answer 4

$("#tab1 tr:odd").css('background-color', 'red'); 

也有效