jQuery colores de filas de tablas alternativas para una tabla específica

Question

tengo dos tablas. <table id='1'></table> y <table id='2'></table>. Cuando pongo este código:

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

}); 

Tanto las tablas consiguieron colores de las filas alternas, que yo no quiero, sólo quiero dar color a la mesa con id = 2. ¿Cómo se puede lograr?

Answer 1

modificar el código como:

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

Esto supone que tiene mesa con id conjunto de id2 por ejemplo:

<table id="id2"> 

Answer 2

Lo primero es que it's not allowed to have an id starting with a number. Cambiar las tablas de tener identificadores de algo como esto:

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

Entonces, todo lo que necesita hacer es añadir el derecho selector en su 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'); 

también funciona