特定行类的备用行颜色

时间:2012-11-23 11:22:10

标签: jquery html css

我是jquery的新手,我正试图替换1个特定tr类的行颜色

<tr class="found">   

下面的jquery会更改所有表格行的行颜色。

<style type="text/css">
<!--
.odd {background: #caf2fe;}
-->
</style>

<script type="text/javascript">
 $(document).ready(function(){ 
 $("tr:odd").addClass("odd");
 }); 
</script>

我有数据来自我的数据库,并且在表单上有2个不同的表,所以只希望一个名为found的特定行具有此Zebra模式。

非常感谢帮助。

2 个答案:

答案 0 :(得分:1)

只需使您的选择器更具体。

$("tr.found:odd").addClass("odd");

添加.found只会选择那些有tr

类的奇怪found

以下是演示:http://jsfiddle.net/4bmMJ/

答案 1 :(得分:0)

<script type="text/javascript">
 $(document).ready(function(){ 
 $("tr.found:nth-child(odd)").addClass("odd");
 }); 
</script>