每10 tr使用10n jquery

Question

＆＃13;

＆＃13;

$('tr.include:nth-child(10n)').addClass('bottom');

＆＃13;

.bottom {
  color: red;
}
.skip {
  font-weight: bold;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>




  <tr class='skip'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='skip'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='skip'>
    <td>First</td>
    <td>Second</td>
  </tr>

  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>
  <tr class='include'>
    <td>First</td>
    <td>Second</td>
  </tr>

</table>

＆＃13;

＆＃13;

＆＃13;

我想在我的表中选择每10个tr，前10个工作正常，接下来不是。（在第一个10之后我动态添加3个tr用于标题）接下来的10个受标题影响而我不选择下一个10.我已指定要选择的类，但它仍然只从该类中选择7。它包括添加的标题。我想跳过添加的标题。 我想要的只是从课程中每10个选择一次。 它不应该包括课程跳过

Answer 1

您可以使用手动过滤器

＆＃13;

＆＃13;

Unique

＆＃13;

$('tr.include').filter(function(i) {
  return (i + 1) % 10 == 0
}).addClass('bottom');

＆＃13;

.bottom {
  color: red;
}
.skip {
  font-weight: bold;
}

＆＃13;

＆＃13;

＆＃13;