Question

我有一个问题，我用这个代码制作一个带有手风琴形式的表

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

可以在以下网址找到OUTPUT：http://stage.travelcar.co.id/travel-malang-juanda

我想为<tr> class="accordion"制作偶数和奇数条件，但偶数和奇数会影响该表中的所有<tr>。

这是我的jquery代码，它将添加CSS类奇数，甚至更改背景颜色

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

如何正确地为tr创建奇数和偶数条件？

Answer 1

您的选择器和addClass()是正确的。我怀疑是否在之后将应用将表加载到DOM（我从页面源看到table不是原始页面源的一部分）。

您也可以尝试

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

这说

$("table.list>tbody>tr.accordion")：将table归类为列表，获取tbody，将tr归为手风琴。

.filter(':even').addClass('even')：在所有tr中，将选择范围限制为：偶数，然后将它们归为偶数。

.end()：返回上一个选择（在过滤到：even之前）

.filter(':odd').addClass('odd')：在所有tr中，将选择限制为：奇数，然后将它们归为奇数。

使用Odd和Even制作表格行，即使有手风琴形式

1 个答案: