我试图从表格条带中排除嵌套表格(使每隔一行具有不同的bg颜色).这是条形表的代码: $(".stripeTable tbody tr:odd").addClass("stripe"); 我的问题是,如何防止嵌套表的奇数行接收类“条带”? 这
$(".stripeTable tbody tr:odd").addClass("stripe");
我的问题是,如何防止嵌套表的奇数行接收类“条带”?
这是从浏览器生成的代码,我想从嵌套表中删除class =“stripe”.
<table> <tr> <td>My Table Cell </td> </tr> <tr class="stripe"> <td> <table> <tr> <td>My nested table cell</td> </tr> <tr class="stripe"> <td>my nested table cell (remove the stripe!)</td> </tr> </table> </td> </tr> </table>如果只有顶级表具有stripeTable类,只需添加一些子选择器>:
$(".stripeTable > tbody > tr:odd").addClass("stripe");
如果嵌套表也具有stripeTable类,则可能需要使用另一个子选择器将.stripeTable锚定到另一个父元素:
$(".parent > .stripeTable > tbody > tr:odd").addClass("stripe");