Jquery 仅在主表中选择tr，而不是嵌套表

这个问题以前有人问过，请看：但它并不能解决我的问题

      $("#tablePartners tr:odd").addClass("odd");
      $("#tablePartners tr:even").hide();
      $("#tablePartners tr:first-child").show();

      $("#tablePartners tr.odd").click(function(){
          $(this).next("tr").toggle();
          $(this).find(".arrow").toggleClass("up");
      });

该代码可以很好地切换表上的行，但是，当我在表中有嵌套表时，它会中断：

<table id="tablePartners">
    <thead>
        <tr>

            <th>Name</th>
            <th>Description</th>
            <th>Address</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td><a href="#">Partner Name</a></td>
        <td>Random description</td>
        <td>1 Random Street</td>
        <td><div class="arrow"></div></td>
    </tr>
       <tr>
            <td colspan="4">
               <table>
                    <tr>
                        <td><b>Phone</b></td>
                        <td>0123456789</td>
                    </tr>
                    <tr>
                        <td><b>Contact Name</b></td>
                        <td>Jamie</td>
                    </tr>
               </table>

            </td>
        </tr>
    </tbody>
</table>

编辑：不工作，我的意思是：切换事件不工作，奇数行不隐藏。在第一个javascript中，切换起作用，奇数行被隐藏，但嵌套表奇数行也被隐藏，这是我不想要的

我想这一定很琐碎，但我有一个隧道式的视野

---

我把它放在JSFIDLE:

上，问题是第一个代码还选择了标题行。使用

t正文

不会，即您少了一行。您可以切换

奇数

和

偶数

来创建相同的效果：

$("#tablePartners > tbody > tr:even").addClass("even");
$("#tablePartners > tbody > tr:odd").hide();
$("#tablePartners > tbody > tr:first-child").show();

$("#tablePartners > tbody > tr.even").click(function(){
  $(this).next("tr").toggle();
  $(this).find(".arrow").toggleClass("up");
});

---

你说的“但它不起作用”是什么意思？什么不起作用？很抱歉，切换事件不起作用，奇数行也没有隐藏。将“不起作用”移到较长的句子中并不一定更有帮助。请完全避免使用这个短语。太好了！非常感谢！：-）反应非常迅速。祝你今天愉快。：-）

$("#tablePartners > tbody > tr:even").addClass("even");
$("#tablePartners > tbody > tr:odd").hide();
$("#tablePartners > tbody > tr:first-child").show();

$("#tablePartners > tbody > tr.even").click(function(){
  $(this).next("tr").toggle();
  $(this).find(".arrow").toggleClass("up");
});