第n个课外使用jQuery?(nth-of-class using jQuery?)

2019-10-18 09:36发布

我有这样的结构:

<div id="wrapper">
  <div class="class_1"></div>
  <div class="class_1"></div>
  <div class="class_2"></div>
  <div class="class_2"></div>
  <div class="class_2"></div>
  <div class="class_2"></div>
</div>

是否有可能选择每秒 .class_2使用jQuery?

我不想选择任何其他分区#wrapper

我已经试过:

:nth-child -这是计数的所有div

:nth-of-type -这也算的所有div

我想只有选择例如每第二个div .class_2增加一些类。

Answer 1:

问题:

“我想只选择例如每第二个div .class_2

解:

我相信你可以使用:odd在这种情况下,例如:

$('#wrapper > div.class_2:odd')

虽然串联:oddfilter()实际上是更快的方法:

$('#wrapper > div.class_2').filter(':odd')

这将选择每格class_2 ,并过滤他们根据他们是否是奇数或偶数。

这里的jsfiddle。

你为什么要使用:奇数和没有:即使是这样?

从0开始的索引实际上意味着讽刺的是, :odd选择第二,第四,第六元件等



Answer 2:

第二,即不为0,1,而不是2,不是3,等...? 或者不为0,1,而不是2,3,4未等..? 如果只有第二:

$('div.class_2:nth-child(2)')

否则,在其他的答案是说:

$('div.class_2:odd')


文章来源: nth-of-class using jQuery?