jquery(或css)每隔一个元素带有类

标签 jquery html css

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

具体来说,我在两者中尝试第 n 个子选择器,如下所示:

$( ".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 项。

(上面的列表是一个示例,它是我需要获得的基础技术,即获取具有特定类的每个第二个元素) 这可能吗?

最佳答案

您可以使用:odd选择器

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

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

关于jquery(或css)每隔一个元素带有类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21585235/

相关文章:

jquery - 同步 jQuery 背景和元素动画

javascript - 从其他应用程序导入 JS/CSS 以进行 HTML 响应

javascript - 使用 html() 函数后防止 &lt;script&gt; 执行

html - Adobe Flex 会死吗?您能推荐一个网络+移动应用程序替代品吗?

html - 横向响应式导航栏纯CSS的烦恼

javascript - CSS 隐藏文本对搜索引擎非法?

css - 有没有办法将关系/约束放入 CSS?

jquery - 如何使用苹果浏览器在 Web Asp.net MVC 应用程序中打开文件对话框库?

html - 使用 Dreamweaver 确保所有网站文件正确上传

javascript - 循环下一个按钮以返回从头开始显示