3-3:contains(text)过滤选择器

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

例如:

在浏览器中显示的效果:

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

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一些常用的 jQuery 选择器: 1. 基本选择器 - 通过元素名选取元素:`$('element')` - 通过类名选取元素:`$('.class')` - 通过 id 选取元素:`$('#id')` - 通过属性选取元素:`$('[attribute]')` - 通过属性值选取元素:`$('[attribute=value]')` - 通过属性值前缀选取元素:`$('[attribute^=value]')` - 通过属性值后缀选取元素:`$('[attribute$=value]')` - 通过属性值包含选取元素:`$('[attribute*=value]')` 2. 层次选择器 - 后代选择器:`$('ancestor descendant')` - 子元素选择器:`$('parent > child')` - 相邻兄弟选择器:`$('prev + next')` - 兄弟选择器:`$('prev ~ siblings')` 3. 过滤选择器 - :even:选取偶数位置的元素 - :odd:选取奇数位置的元素 - :eq(index):选取指定位置的元素 - :gt(index):选取位置大于指定位置的元素 - :lt(index):选取位置小于指定位置的元素 - :not(selector):选取不符合选择器的元素 - :header:选取标题元素 - :animated:选取正在执行动画的元素 4. 表单选择器 - :input:选取所有表单元素 - :text:选取所有文本框 - :password:选取所有密码框 - :radio:选取所有单选框 - :checkbox:选取所有复选框 - :submit:选取所有提交按钮 - :image:选取所有图像按钮 - :reset:选取所有重置按钮 - :button:选取所有按钮 - :file:选取所有文件域 5. 内容过滤选择器 - :contains(text):选取包含指定文本的元素 - :empty:选取没有子元素的元素 - :has(selector):选取包含指定元素的元素 - :parent:选取有子元素的元素 6. 可见性过滤选择器 - :visible:选取可见的元素 - :hidden:选取隐藏的元素 7. 属性过滤选择器 - [attribute]:选取带有指定属性的元素 - [attribute=value]:选取指定属性值的元素 - [attribute!=value]:选取不等于指定属性值的元素 - [attribute^=value]:选取属性值以指定值开头的元素 - [attribute$=value]:选取属性值以指定值结尾的元素 - [attribute*=value]:选取属性值包含指定值的元素 8. 子元素过滤选择器 - :first-child:选取第一个子元素 - :last-child:选取最后一个子元素 - :only-child:选取唯一的子元素 9. 表单对象属性过滤选择器 - :checked:选取被选中的表单元素 - :selected:选取被选中的选项元素 - :enabled:选取可用的表单元素 - :disabled:选取不可用的表单元素
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值