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

也有效