JQuery类冲突

Question

我有一个jquery脚本，当你单击它时会扩展它下面的行，我还有一个表排序器jquery对表进行排序

问题是<tr>上的使用类都有效，所以存在冲突，我知道jquery很少但扩展/折叠行非常简单所以我希望我可以做一个小改动此查询可避免与分拣机jquery冲突

<script type="text/javascript">  
        $(function(){
    $("#table tr:odd").addClass("odd");
        $("#table tr:not(.odd)").hide();
        $("#table tr:first-child").show();
        $("#table tr.odd").click(function(){
        $(this).next("tr").toggle();

        });
        //$("#table").jExpand();
    });
</script> 

我可能低估了修复是多么容易，但如果这很容易，那就太棒了。表格设计只是一个标准

<table>
<thead>
    <tr>
        <th></th>
    </tr>
     <tr>
        <th></th>
    </tr>
 </thead>
 <tbody>
     <tr>
        <td></td>
     </tr>
     <tr>
        <td></td>
 </tr>
 </tbody>
</table>

Answer 1

您可以避免在代码中添加类：

<script type="text/javascript">  
        $(function(){
           $("#table tr").not(':odd').hide();
           $("#table tr:first-child").show();
           $("#table tr").filter(':odd').click(function(){
              $(this).next("tr").toggle();

           });
        //$("#table").jExpand();
    });
</script>

<强>更新
由于 Ohgodwhy ，在jquery选择器中使用.filter()而不是伪选择器。