javascript - Jquery 是否可以在页面上每显示 5 次后更改一个类？

Question

Jquery 是否可以在页面上每显示 5 次后更改一个类？

例如，我正在使用一个输出多个联系人记录的 api 脚本。 API 不允许我访问记录输出区域，但它确实给了我 <div class="style-close"></div>在每组记录的末尾。

一条记录看起来像这样:

<div class="contact"> 
 <p>content </p>
<div class="contact-name><p>content</p></div>
<div class="contact-address><p>content</p></div>
</div>
<div class="style-close"></div>

Answer 1

可以使用:nth-of-type-selector

$('.style-close:nth-of-type(5n)').doSomething()

:nth-of-type() Docs

注意:也可以在没有脚本的情况下在 css 中做同样的事情

https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type

DEMO