替代表行和列顏色與jQuery

我想使用下面的代碼來交替我的表的行和列。替代表行和列顏色與jQuery

<script> 
    $(document).ready(function() 
    { 
    $("table#id2 td:even").css("background-color", "LightGray"); 
    $("table#id2 tr:even").css("background-color", "LightBlue"); 
    $("table#id2 tr:odd").css("background-color", "LightYellow"); 
    }); 
</script>

當我用這個，我的2列的表看起來是這樣的：

Gray Blue 
Gray Yellow 
Gray Blue 
Gray Yellow

我想我的表看起來像這樣：

Gray Blue 
Yellow Yellow 
Gray Blue 
Yellow Yellow

這可能使用td：even，tr：odd等。？

來源

2013-04-12 crjunk

爲什麼jQuery？爲什麼不簡單的CSS？ – rahularyansharma

看看這個鏈接http://devtechie.com/post/2011/09/30/Format-GridView-table-rows-using-jQuery.aspx – Santosh

基本上，應用顏色只爲odd行嘗試：

<script> 
    $(document).ready(function() 
    { 
    $("table#id2 td:even").css("background-color", "LightGray"); 
    $("table#id2 tr:even").css("background-color", "LightBlue"); 
    $("table#id2 tr:odd td").css("background-color", "LightYellow"); 
    }); 
</script>

fiddle here

來源

2013-04-12 19:11:24 karthikr

謝謝！當我嘗試將td添加到顯示黃色的代碼時，語法錯誤。 – crjunk

您必須指定在tr:odd td

$("table#id2 td:even").css("background-color", "LightGray"); 
$("table#id2 tr:even").css("background-color", "LightBlue"); 
$("table#id2 tr:odd td").css("background-color", "LightYellow");

背景色下面是呈現出一個小提琴解決方案：http://jsfiddle.net/mEFWm/

來源

2013-04-12 19:12:35

替代表行和列顏色與jQuery

回答

相關問題