Question

似乎不可能在jquery或css中获取具有特定类名的每个第二个元素。

特别是在这两个方面尝试使用nth-child选择器：

$( ".mylist li.myitem:nth-child(2n)")

如果我有这样的清单：

<ul>
    <li class="myitem">Item 1</li>
    <li class="myitem">Item 2</li>
    <li>Item 3</li>
    <li class="myitem">Item 4</li>
    <li class="myitem">Item 5</li>
</ul>

我想针对第2项和第5项。

（上面的这个列表是一个示例，它是我需要获得的基础技术，即获得具有特定类的每个第二个元素）这可能吗？

Answer 1

在您的情况下，您可以使用CSS执行此操作：

.myitem + .myitem {
   /*Styles Here*/
}

使用此功能，您可以使用类myitem定位具有类myitem的元素。

选中 Demo Fiddle

Answer 2

您可以使用:odd选择器

$("ul li.myitem:odd").addClass('red');

演示--> http://jsfiddle.net/Uhv27/

Answer 3

对于不是兄弟姐妹的元素，您可以使用索引

var items = $('.myitem');

items.filter(function() {
    return items.index(this) % 2;
}).css('color','red');

FIDDLE

Answer 4

jQuery选择器:odd将按文档中出现的顺序返回每个第二个元素。在你的情况下......

$('.myitem:odd')

将返回

[<li class="myitem">Item 2</li>, <li class="myitem">Item 5</li>]

jquery（或css）每一个带有类的元素

4 个答案: