好资源导航 » 文章资讯 » jquery的 filter()方法使用教程

jquery的 filter()方法使用教程

2023-09-15 03:10:05 58

定义和用法

filter()方法返回符合一定条件的元素。

该方法让您规定一个条件。不符合条件的元素将从选择中移除，符合条件的元素将被返回。

该方法通常用于缩小在被选元素组合中搜索元素的范围。

提示：filter()方法是与not()方法相对的。

filter()是根据括号中的属性来进行筛选比如：$(“p”).filter(“p”)这样是不允许的。filter括号里只一些属性，或者包含什么的，不能是一个元素，例如”p”

//filter()--获取具有某些属性值的标签:(指定的对象集合进行过滤)
$("li").filter(".item-1")//获取class属性值为item-1的li元素
$("li").filter(":even").css("background","red");//获取所有偶数号的li元素,并将它们的背景颜色设为红色
$("li").filter(".item-1,#abc").css("background-color","yellow");//获取class属性值为item-1的所有li标签，同时获取id属性值为abc的所有li标签
$("p").filter(".selected,:first");//获取class属性值为selected的所有P标签，同时获取第一个P标签

//:contains()--获取标签里包含了某些文字的标签(contains是判断文本的)
//jQuery:has()和jQuery:contains()两个方法比较类似。不同点在于：has是判断标签的contains是判断文本的
$("pp:contains('测试')").text();//获取p标签下包含“测试”的p标签的text值//打印一下，结果为“测试1测试2”
//alert($("p").contains("测试").text());//不能这么用，提示错误“contains不是一个函数”

html





选择框

搜索

要素大市场
地址：徽州大道与锦绣大道交叉口
锦绣大道
地址：徽州大道与锦绣大道交叉口
蜀山区
地址：徽州大道与锦绣大道交叉口
瑶海区
地址：徽州大道与锦绣大道交叉口

//input中输入筛选 var$sub2=$("#search_val"); $sub2.on("input",function(){ var$iptVal2=$sub2.val(); $(".mapAddressli").hide(); $(".mapAddress.addressInfoh3").filter(":contains('"+$iptVal2+"')").parents("li").show(); });

总结

以上所述是小编给大家介绍的jquery的filter()方法使用教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
514930285
czq8825@qq.com

jquery的 filter()方法使用教程

要素大市场

锦绣大道

蜀山区

瑶海区

热门推荐

随机推荐