jQuery colori delle righe della tabella alternata per una tabella specifica

Question

Ho due tabelle. <table id='1'></table> e <table id='2'></table>. Quando ho messo questo codice:

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

}); 

Sia le tabelle che hanno ottenuto i colori delle righe alternate, che io non voglio, voglio solo per colorare la tavola con id = 2. come può essere realizzato?

Answer 1

modificare il codice come:

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

Questo presuppone che tabella con id insieme a id2 esempio:

<table id="id2"> 

Answer 2

prima cosa è che it's not allowed to have an id starting with a number. Modificare le tabelle per avere ids qualcosa di simile:

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

Poi, tutto quello che dovete fare è aggiungere la giusta selector nel vostro 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'); 

funziona anche