Jquery 用奇数和偶数做桌子行，如果有手风琴的形式

我有个问题，我用这个代码做了一张手风琴表

<tbody data-bind="foreach: filteredTrips">
  <tr class="accordion" data-bind="click: $parent.toggleDetail">
                                        <td style="text-align:center"><h4><strong><span data-bind="text: jamFormated"></strong></h4></td>
                                        <td style="text-align:center"><h4><strong><span data-bind="text: arrivalFormated"></strong></h4></td>
                                        <td><h4><strong><span data-bind="text: armada"></strong></h4></td>
                                        <td><div style='width:100px;padding-right:30px;'><span style='font-size:18px;font-weight:bold;float:right;' data-bind="text: hargaFormated"></span></div></td>
                                        <td><h4><strong><span data-bind="text: vendor"></strong></h4></td>
                                        <td>
                                            <div>
                                                <a class="mau-pilih-travel pull-right"><span><strong><i class="fa fa-chevron-down"></i>&nbsp;&nbsp;Pilih Travel</strong></span></a>
                                            </div>
                                        </td>
   </tr>
   <tr data-bind="visible: showDetail">
      <td colspan="6">
      <!-- some of content -->
      </td>

   </tr>

---

如何正确地为tr和class设置奇偶条件？

您的选择器和

addClass（）

是正确的。我怀疑在将表加载到DOM之后是否应用了它（我从页面源代码中看到，

表

不是原始页面源代码的一部分）

你也可以试试

<script type="text/javascript">
    $(document).ready(function() {
        $("table.list>tbody>tr.accordion").filter(':even').addClass('even').end().filter(':odd').addClass('odd')
    });
</script>

$（文档）.ready（函数（）{
$（“table.list>tbody>tr.accordion”）.filter（':偶数'）.addClass（'偶数'）.end（）.filter（':odd'）.addClass（'odd'））
});

这是说

$（“table.list>tbody>tr.accordion”）

：给我把

table

归类为list，把它的

tbody

，把它的

tr

归类为accordion

.filter（':even'）。addClass（'even'）

：在所有这些

tr

中，将选择限制为：even，然后将它们分类为偶数

.end（）

：返回上一个选择（在筛选为：偶数之前）

.filter（':odd'）.addClass（'odd'）

：在所有这些

tr

中，将选择限制为：odd，然后将它们归类为odd

<script type="text/javascript">
    $(document).ready(function() {
        $("table.list>tbody>tr.accordion").filter(':even').addClass('even').end().filter(':odd').addClass('odd')
    });
</script>