当前位置 : 主页 > 网页制作 > JQuery >

使用jQuery从表条带中排除嵌套表

来源:互联网 收集:自由互联 发布时间:2021-06-15
我试图从表格条带中排除嵌套表格(使每隔一行具有不同的bg颜色).这是条形表的代码: $(".stripeTable tbody tr:odd").addClass("stripe"); 我的问题是,如何防止嵌套表的奇数行接收类“条带”? 这
我试图从表格条带中排除嵌套表格(使每隔一行具有不同的bg颜色).这是条形表的代码:

$(".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");
网友评论