jQuery筛选元素

一、筛选奇数行或偶数行

jQuery中筛选奇数行（偶数行）有两种方法：

• 同css选择器一致：
  • 选择器:even–选中奇数行
  • 选择器:odd–选中偶数行

$(function() {
      $("ul li:even").css("backgroundColor", "skyblue");
      $("ul li:odd").css("backgroundColor", "orangered");
 });

• 调用filter()方法

$(function() {
      $("ul li").filter(":even").css("backgroundColor", "skyblue");
      $("ul li").filter(":odd").css("backgroundColor", "orangered");
});

二、筛选元素的前面所有项(后面所有项)

• 选中元素前面所有项: :lt 选择器
• 选中元素后面所有项: **:gt**选择器

    $(function() {
      $("ul li:eq(2)").css("backgroundColor", "skyblue"); // 选中第三个元素
      $("ul li:lt(2)").css("backgroundColor", "orangered"); // 选中第三个元素之前的元素
      $("ul li:gt(2)").css("backgroundColor", "yellowgreen"); // 选中第三个元素之后的元素
    });

三、筛选内容中符合特定规则的项

• jQuery中筛选内容中含有某一项规则使用**:contains(符合内容的字符串)**

 $(function() {
      $("ul li:contains('果')").css("backgroundColor", "orangered"); // 选中内容中含有'果'的元素
 });

最后

以上就是迷你花瓣为你收集整理的jQuery筛选元素的全部内容，希望文章能够帮你解决jQuery筛选元素所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。