jquery - 特定行类的备用行颜色

Question

我是 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 模式。

将不胜感激。

Answer 1

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

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

添加仅选择具有类.found的奇数trfound

这是一个演示：http: //jsfiddle.net/4bmMJ/

Answer 2

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