首页 > 其他 > 详细

2.:contains(text)过滤选择器

时间:2015-03-10 18:39:44      阅读:179      评论:0      收藏:0      [点我收藏+]

与上一节介绍的:eq(index)选择器按索引查找元素相比,有时候我们可能希望按照文本内容来查找一个或多个元素,那么使用:contains(text)选择器会更加方便, 它的功能是选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。

例如:

技术分享

在浏览器中显示的效果:

技术分享

从图中可以看出,调用li:contains(‘土豪‘)代码,可以很方便地获取<li>中包含‘土豪’字符内容的全部元素,并且只要与选择的元素中或子元素中包含该字符内容,就可以被选中。

注意:li:contains(‘土豪‘) 土豪为什么必须加单引号呢?因为它是一个字符串,而不是一个变量,所以不加单或双引号的话是会报错的。

任务

我来试试:亲自感受一下通过包含字符获取元素的功能

在页面第20行处,使用:contains(text)选择器获取包含“jQuery”文字内容的全部元素,并改变它们显示的背景颜色。

技术分享

2.:contains(text)过滤选择器

原文:http://www.cnblogs.com/binhuguang/p/4326423.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!