【JQuery】:contains(text)过滤选择器

最新推荐文章于 2019-12-25 17:30:52 发布
最新推荐文章于 2019-12-25 17:30:52 发布
阅读量528 收藏
点赞数
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happyhaojie/article/details/50999978
版权

选择包含指定字符串的全部元素，text要加单引号。

还是来看例子吧：

<body>
        <div>改变包含"jQuery"字符内容的背景色：</div>
        <ol>
            <li>强大的"jQuery"</li>
            <li>"javascript"也很实用</li>
            <li>"jQuery"前端必学</li>
            <li>"java"是一种开发语言</li>
            <li>前端利器——"jQuery"</li>
        </ol>
        
        <script type="text/javascript">
            $("li:contains('jQuery')").css("background", "green");
        </script>
    </body>

结果：



badlyForPapers
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery选择器 contains(text) 找到包含特定文本的元素
Jesus的博客
03-27 2万+
html> html> head> title>Insert you titletitle> meta http-equiv="Content-Type" content="text/html; charset=utf-8"> head> body> div id='Text'> h4>This is a demoh4> p>这是一段测试文本p> div> scri
jquery选择器中的contains
u013690957的专栏
08-31 212
[code="html"] Study Zone study zone [/code] [code="jQuery"] $("h3:contains('s')") //筛选结果为[Study Zone,study zone] $("h3:contains('st')") //筛选结果为[study zone] ...
Jquery 循环过滤标红文本
陌阡博客
09-26 1955
互联网行业 互联网行业2 互联网行业3     $(".right_a_a1").each(function(){     //去掉标红 $(this).replace("","").replace("","");       }); //取得所有CSS样式为 ".right_a_a1" 的对象，并对默认自定义的方法进行遍历操作           $(
【jQuery】:contains(text)过滤选择器
O(∩_∩)O
12-16 3022
有时候我们可能希望按照文本内容来查找一个或多个元素，那么使用:contains(text)选择器会更加方便， 它的功能是选择包含指定字符串的全部元素，它通常与其他元素结合使用，获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。 例如: 在浏览器中显示的效果： 从图中可以看出，调用li:contains('土豪')代码，可以很方便地
jquery过滤器之:contains()、.filter()
weixin_34377919的博客
08-17 570
:contains 选择器选取包含指定字符串的元素。 该字符串可以是直接包含在元素中的文本，或者被包含于子元素中。 经常与其他元素/选择器一起使用，来选择指定的组中包含指定文本的元素，如： $("p:contains(is)") 表示选择所有包含 "is" 的 <p> 元素。 再如： $("p:contains(张三)") 或 $("p:contains("张三")")...
JQuery选择器、过滤器大整理
10-24
以下是一些基本的jQuery选择器： 1. **基本选择器**：`$()` 函数可以直接接收一个CSS选择器，如 `$("#myID")` 选取ID为`myID`的元素，`$(".myClass")` 选取具有类`myClass`的所有元素，`$("tagname")` 选取所有`tag...
jquery选择器之内容过滤选择器详解
10-26
本文将详细解析jQuery中的四个主要内容过滤选择器：`:contains(text)`、`:empty`、`:has(selector)`和`:parent`。 1. **`:contains(text)`选择器** `:contains(text)`选择器用于选取那些其文本内容包含指定字符串...
jQuery过滤选择器经典应用
10-21
除了`:hidden`和`:visible`之外，还有许多其他过滤选择器，如`:first`（选取第一个元素）、`:last`（选取最后一个元素）、`:even`和`:odd`（选取索引偶数或奇数的元素），以及`:contains(text)`（选取包含指定文本的...
jQuery内容过滤选择器用法分析
12-12
本文实例讲述了jQuery内容过滤选择器用法。分享给大家供大家参考。具体分析如下： 在HTML文档中，元素的内容可以是文本或者子元素，如果将某个选择器或者内容过滤选择器一起使用，就可以从查询到的元素中进一步筛选...
jQuery中内容过滤器简单用法示例
12-02
本文实例讲述了jQuery中内容过滤器简单用法。分享给大家供大家参考，具体如下： 一 介绍 内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选。内容过滤器共包括:contains(text)、:empty、:has...
jQuery-:contains("")查询包含值的用法实例
Vivinia的博客
04-11 5340
目标效果：   输入内容点击select按钮，可以使表格中包含输入内容的td改变css样式，再次输入新的td改变样式，原先td恢复原样。 1.创建项目，导入jQuery框架。 2.新建check.html页面。 check.html页面： $(function () { $("#selec
jq :contains方法搜索匹配
qq_25239049的博客
12-25 318
//重写:contains方法支持大小写搜索 jQuery.expr[’:’].contains = function(a, i, m){ return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0; }; function keyup(text){ //搜索 if($.trim(text) != “”){ ...
jQuery中filter()和find()和has()的用法区别
逸尘的专栏
03-12 7562
filter()、find()、has()是jquery中常用得三个函数，用法以及效果截然不同，对于初学者来说，往往分不清楚，关于三个函数的用法，简单解释一下。filter()方法-filter()过滤DOM元素包装集，是指操作当前元素集，删除不匹配的元素，得到一个新的集合。<ul> <li class="a">list item 1</li> <li>list item 2 <ul
Java+Uiautomator -- 4.下滑找到想要的内容自动点击
ricky_yangrui的博客
04-04 1412
进入到手机的页面，假如直接有这个元素，我们就可以直接点击，假如没有呢，就点击不了，这个时候就需要我们先滑动找到元素，然后再次的进行点击操作。 （由于我的写法是POM写法，page代码就不贴了，大家看思路就可以了） 例子：进入到手机的setting列表，然后找到Biology ID，点击它。 封装一个长列表查询方式： //封装一个列表查询 public void settingsLi...
JQuery filter() 方法 筛选满足条件的数字
qq_40673345的博客
07-30 7156
var datas = [ { "name": "商品房", "bianma": "11" }, { "name": "商铺", "bianma": "12" } ] var data= datas.filter(function(item){ ret
JQuery +选择器 (你懂的)
Fanbin168的专栏
10-12 3938
下面DOM对象与jquery对象之间的转换 var jquer = document.getElementById("div1"); DOM对象 var dom = $(jquer) //将一个DOM对象转换成一个jquer对象 下面代码将演示一个jquery对象转换成dom对象，再使用dom对象的方法 复制代码 代码如下: var abc=$("#cr"); //jquery对象 var bc = abc[
jquery内容过滤选择器：内容过滤选择器它是根据元素内部文本内容进行选中。
boss_way的博客
11-01 4569
1.1． 内容过滤选择器 内容过滤选择器它是根据元素内部文本内容进行选中。   :Contains（text）：匹配包含给定文本的元素 :Empty：匹配所有不包含子元素或者文本的空元素 :Has(selector):匹配含有选择器所匹配的元素的元素 :addClassL(“类名”)：给所有的标签添加类名 :Parent：匹配含有子元素或者文本的元素 示例： $(fu
jQuery过滤选择器(first,last/:eq()/:contains()/:has()/:hidden/:visible)
yeyang123的专栏
07-16 3000
1、first、last过滤选择器 得到一组相同标签元素中的第1个元素， $(“li:first”) 例：最后一个元素背景色取红色 :first过滤选择器 改变最后一行"苹果"背景颜色： 葡萄 香蕉
jQuery选择器详解：从基础到高级应用
jQuery选择器主要分为四大类：基本选择器、层次选择器、过滤选择器和表单选择器。这些选择器极大地简化了在DOM树中定位和操作元素的过程，使得开发者可以更专注于代码逻辑而不是DOM操作的细节。 1. **基本选择器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值