jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了表中偶数/奇数行的jQuery选择器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
一个代码块中的代码是源代码.源代码运行后.代码将被更改(请参阅第二个代码块).

我希望标签的类(即“偶数”和“奇数”)仅显示在“table1”中.然而,目前巢表(即’table2′)也具有每个标签的’偶数’和’奇数’类.

谁能帮我吗?提前致谢.

———–第一个代码块————–

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

<body>

<table id="table1">
    <tr>
        <td>AAA</td>
        <td>CCC</td>
    </tr>
    <tr>
        <td>BBB</td>
        <td>DDD</td>
    </tr>
    <tr>
        <td>
            <table id="table2">
                   <tr></tr>
                   <tr></tr>
            <table>
        </td>
    </tr>

</table>
</body>

———–第二代码块—————

<table id="table1">
    <tr class="even">
        <td>AAA</td>
        <td>CCC</td>
    </tr>
    <tr class="odd">
        <td>BBB</td>
        <td>DDD</td>
    </tr>
    <tr class="even">
        <td>
            <table id="table2">
                   <tr class="even"></tr>
                   <tr class="odd"></tr>
            <table>
        </td>
    </tr>

</table>

解决方法

所有贴出的答案几乎都是正确的..

$(document).ready(function(){
    $("#table1 > tbody > tr:odd").addClass("odd");
    $("#table1 > tbody > tr:not(.odd)").addClass("even");  
});

许多浏览器会自动为您的表添加一个tbody,即使您没有自己添加.那么#table1> tr不匹配,因为TR不是表的直接子项.您最好的选择是使用上面的内容并为那些不为您执行此操作的浏览器显式添加tbody.

<table id="table1">
      <tbody>
        <tr class="even">
            <td>AAA</td>
            <td>CCC</td>
        </tr>
        <tr class="odd">
            <td>BBB</td>
            <td>DDD</td>
        </tr>
        <tr class="even">
            <td>
                <table id="table2">
                   <tbody>
                       <tr class="even"></tr>
                       <tr class="odd"></tr>
                   </tbody>
                <table>
            </td>
        </tr>
      <tbody>

</table>

http://jsfiddle.net/5ETAD/1/

大佬总结

以上是大佬教程为你收集整理的表中偶数/奇数行的jQuery选择器全部内容,希望文章能够帮你解决表中偶数/奇数行的jQuery选择器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。