码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-03-10 18:40:58      阅读:144      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!