Jquery 将类添加到在整页上找到的元素的第n个元素中，而不是在父元素中

我试图将类添加到特定元素的“n”中，而不管它落在页面上的什么位置。我的html的简化版本是：

<div class="row">
    <div class="col-sm-12"><section class="subsection"></section></div>
    <div class="col-sm-12"><section class="subsection"></section></div>
</div>
<div class=“row”>
    <div class="col-sm-12"><section class="subsection"></section></div>
    <div class="col-sm-12"><section class="subsection"></section></div>
</div>
<div class=“row”>
    <div class="col-sm-12"><section class="subsection"></section></div>
    <div class="col-sm-12"><section class="subsection"></section></div>
</div>
etc...

正如预测的那样，它将每个.subsection识别为第一个子项，但我试图将其作为完成的输出：

<div class="row">
    <div class="col-sm-12"><section class="subsection first-row"></section></div>
    <div class="col-sm-12"><section class="subsection second-row"></section></div>
</div>
<div class=“row”>
    <div class="col-sm-12"><section class="subsection third-row"></section></div>
    <div class="col-sm-12"><section class="subsection fourth-row"></section></div>
</div>
<div class=“row”>
    <div class="col-sm-12"><section class="subsection first-row"></section></div>
    <div class="col-sm-12"><section class="subsection second-row"></section></div>
</div>
etc...

等

有人知道我怎样才能做到这一点吗？我还尝试了第n个child、.filter（）、section[class=“subsection”]和其他一些方法来实现这一点，但没有找到答案

我觉得这篇文章听起来很混乱。如果您需要我澄清，请告诉我……：）

---编辑：要显示它每次点击类型的“4n”n次时都需要循环，只需使用

$（'section.subsection'）

，然后使用

.eq（）

或

。每个
。例如，看这把小提琴：

编辑：对于每4次重复，请使用
.each（）
并打开提供的索引模4。更新的fiddle:
只需使用
$（'section.subsection'）
，然后使用
.eq（）
或
.each
。例如，看这把小提琴：

编辑：对于每4次重复，请使用
.each（）
并打开提供的索引模4。更新的fiddle:
只需使用
$（'section.subsection'）
，然后使用
.eq（）
或
.each
。例如，看这把小提琴：

编辑：对于每4次重复，请使用
.each（）
并打开提供的索引模4。更新的fiddle:
只需使用
$（'section.subsection'）
，然后使用
.eq（）
或
.each
。例如，看这把小提琴：

编辑：对于每4次重复，请使用
.each（）
并打开提供的索引模4。更新的fiddle:
因为您使用的是jQuery，所以可以使用
eq（）
获取特定选择器的第n个子项

HTML

<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>
<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>
<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>

将使每4个
.col-sm-12
元素具有红色背景

以下是使用jQuery的.
，您可以使用
eq（）
获取特定选择器的第n个子项

HTML

<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>
<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>
<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>

将使每4个
.col-sm-12
元素具有红色背景

以下是使用jQuery的.
，您可以使用
eq（）
获取特定选择器的第n个子项

HTML

<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>
<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>
<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>

将使每4个
.col-sm-12
元素具有红色背景

以下是使用jQuery的.
，您可以使用
eq（）
获取特定选择器的第n个子项

HTML

<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>
<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>
<div class="row">
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
    <div class="col-sm-12"></div>
</div>

将使每4个
.col-sm-12
元素具有红色背景

下面是一个例子。
在这里进行循环效果更好。选择子部分并使用
每个子部分进行循环。在此处进行循环效果更好。选择子部分并使用
每个子部分进行循环。在此处进行循环效果更好。选择子部分并使用
每个子部分进行循环。在此处进行循环效果更好。选择子部分并使用
每个
循环遍历它们。不幸的是，这不适用于我正在尝试的操作。当它可以被数字整除（4n+1，4n+2，等等）时，我试图让它循环回来。。。假设页面上有一个第五小节，从第一个孩子开始，得到一个“第一行”的类。用你的方法，我会分别针对每一个。我会编辑我原来的帖子，给你一个更好的想法。谢谢！有时，需要一双全新的眼睛才能从不同的角度来看待问题不幸的是，这对我所要做的不起作用。当它可以被数字整除（4n+1，4n+2，等等）时，我试图让它循环回来。。。假设页面上有一个第五小节，从第一个孩子开始，得到一个“第一行”的类。用你的方法，我会分别针对每一个。我会编辑我原来的帖子，给你一个更好的想法。谢谢！有时，需要一双全新的眼睛才能从不同的角度来看待问题不幸的是，这对我所要做的不起作用。当它可以被数字整除（4n+1，4n+2，等等）时，我试图让它循环回来。。。假设页面上有一个第五小节，从第一个孩子开始，得到一个“第一行”的类。用你的方法，我会分别针对每一个。我会编辑我原来的帖子，给你一个更好的想法。谢谢！有时，需要一双全新的眼睛才能从不同的角度来看待问题不幸的是，这对我所要做的不起作用。当它可以被数字整除（4n+1，4n+2，等等）时，我试图让它循环回来。。。假设页面上有一个第五小节，从第一个孩子开始，得到一个“第一行”的类。用你的方法，我会分别针对每一个。我会编辑我原来的帖子，给你一个更好的想法。谢谢！有时，需要一双全新的眼睛才能从不同的角度来看待问题上面评论你的那个家伙提到了一个类似的方法，但它只针对特定的元素-我需要它来循环，所以如果页面上有第5个小节，它将从1开始，得到一个“第一行”类。我正在更新我的原始帖子以更好地解释它。上面评论你的那个家伙提到了一个类似的方法，但是它只针对特定的元素-我需要它循环，所以如果页面上有第5个小节，它将从1开始，并得到一个“第一行”类。我正在更新我的原始帖子以更好地解释它。上面评论你的人提到了类似的方法，但是它只针对特定的元素-我需要它循环，所以如果页面上有第5个小节，它将从1开始，并得到一个