JQuery类冲突

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

问题是两者都使用

上的类来工作，因此存在冲突，我对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> 

$（函数（）{
$（“#表tr:odd”）.addClass（“odd”）；
$（“#表tr:not（.odd）”）.hide（）；
$（“#table tr:first child”）.show（）；
$（“#table tr.odd”）。单击（函数（）{
$（this.next（“tr”）.toggle（）；
});
//$（“#表”）.jExpand（）；
});

我可能低估了修复有多容易，但如果它很容易，那就太好了。桌子的设计只是一种标准

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

---

您可以通过以下方式避免在代码中添加类：

<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>

$（函数（）{
$（“#table tr”）.not（'：odd'）.hide（）；
$（“#table tr:first child”）.show（）；
$（“#table tr”）。筛选器（':odd'）。单击（函数（）{
$（this.next（“tr”）.toggle（）；
});
//$（“#表”）.jExpand（）；
});

更新：

---

在jquery选择器中使用

.filter（）

而不是伪选择器，这多亏了Ohgodwhy

您可以在对象上拥有任意多的类。代码的一部分可以引用某些类，而代码的其他部分可以引用其他类。这不会造成冲突。您到底遇到了什么问题？到底什么不起作用？您确定您的表标记正确吗？目前，您似乎正在使用

关闭行……这里缺少一些代码，尤其是排序。@Shaggylnjun排序是什么意思？请不要直接在jQuery选择器中使用

：

方法。您需要选择元素，然后根据它进行筛选，否则我们无法利用

queryselectoral（）

。它应该是

$（'#table tr'）。筛选（':odd'）。单击
。