jquery - 根据索引为每个子 div 添加类

Question

我需要定位并添加一个类(即“-show”)到具有特定类的所有元素的第n个子元素。第 n 个子级需要采用变量的形式(即:nth-​​child(i))。

我尝试使用 eq() 但它似乎只影响所选类的第一个元素的子元素。

jQuery('.text-wrapper > div').eq(1).addClass('-show');

还尝试合并 each() 但没有任何运气:

jQuery('.text-wrapper > div').eq(1).each(function(){ jQuery(this).addClass('-show'); });

我正在寻找的结果是:

<div class="text-wrapper">
  <div></div>
  <div class="-show"></div>
</div>

<div class="text-wrapper">
  <div></div>
  <div class="-show"></div>
</div>

Answer 1

:nth-child(2)应该这样做:

$(".text-wrapper > *:nth-child(2)").addClass("-show");

.-show {
  color: green;
}

<div class="text-wrapper">
  <div>first</div>
  <div>second</div>
</div>

<div class="text-wrapper">
  <div>first</div>
  <div>second</div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

.eq不起作用，因为它只是抓取 jQuery 集中给定索引处的元素。