jQuery的contains()方法：查找元素中的文本内容

最新推荐文章于 2023-10-09 17:23:32 发布
最新推荐文章于 2023-10-09 17:23:32 发布
阅读量1.1k 收藏
点赞数
文章标签： jquery 前端 javascript 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TechGlide/article/details/133180777
版权
编程 专栏收录该内容
349 篇文章 ¥29.90 ¥99.00
订阅专栏
jQuery的contains()方法用于查找HTML文档中包含指定文本的元素。本文详细介绍了contains()的用法，提供源代码示例，并指出该方法区分大小写。示例展示如何在用户输入文本后，找到并高亮显示匹配的段落元素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

jQuery是一个广泛使用的JavaScript库，它提供了许多方便的方法来操作HTML文档。其中之一是contains()方法，它用于查找包含指定文本内容的元素。在本篇文章中，我们将详细介绍contains()方法的用法，并提供相应的源代码示例。

contains()方法的语法如下：

$(selector).contains(text)

其中，$(selector)表示要查找的元素选择器，text是要匹配的文本内容。

当调用contains()方法时，它将返回一个包含指定文本内容的元素集合。如果没有找到匹配的元素，则返回一个空集合。

下面是一个使用contains()方法的示例：

<!DOCTYPE html>
<html
了解本专栏 订阅专栏 解锁全文
常用的Jquery方法之 :contains() 选择器、has()選擇器和.contains()方法(part3)
Super Livia
04-02 2264
jQuery:contains()选择器 定义和用法 :contains() 选择器选取包含指定字符串的元素。 该字符串可以是直接包含在元素中的文本，或者被包含于子元素中。 最常见的用法：与其他选择器一起使用，选取指定组合中包含指定文本的元素（如上面的实例）。 注意：文本是大小写敏感的。 语法 $(":contains(text)") 參數 参数 描述 text ...
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中常用的元素查找方法总结
10-27
本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍，需要的朋友参考下
jquery contains（‘text‘）
m0_58187349的博客
03-03 561
学习时发现 contains（变量）不行 而contains（'变量'）肯定也不行 最后发现要改成 contains（'"+变量+"'）
jQuery.contains()方法
张默的博客
01-16 3290
jQuery.contains()方法 实例 检测一个元素包含在另一个元素之内： $(function () { function funcontain( html ){ document.body.innerHTML += "&lt;br&gt;" + html; } funcontain($.contains( document.docu...
jquery的contains方法
weixin_30826761的博客
06-20 299
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.0.js"></script> </head> <body> <h1>...
jQuery :contains 选择器
祈澈菇凉
07-02 540
定义和用法 :contains 选择器选取包含指定字符串的元素。 该字符串可以是直接包含在元素中的文本，或者被包含于子元素中。 经常与其他元素/选择器一起使用，来选择指定的组中包含指定文本的元素(如下面的例子)。 <!DOCTYPE HTML> <html> <head> <title></title> ...
jQuery.contains() 方法详解
龙城飞将的博客
03-26 323
[code="java"]jQuery.contains( container, contained )[/code] jQuery的contains方法是检测dom节点是否包含另一个dom节点的方法。 官方明确写明了： [code="java"]Note: The first argument must be a DOM element, not a jQuery object or...
jQuery中:contains选择器用法实例
10-24
其基本语法是：$(":contains('text')")，其中'text'是你想要在元素中查找的文本内容。需要注意的是，:contains选择器区分大小写，即它会按照你所指定的大小写形式去匹配元素中的文本。 实例一展示了如何将所有包含...
jQuery实现contains方法不区分大小写的方法
10-24
在`Contains`函数中，先调用`jQuery(a).text()`获取元素的文本内容，并使用`.toUpperCase()`方法将其转换为大写。接着，使用`.indexOf(m[3].toUpperCase())`来查找大写后搜索字符串的位置。如果返回值大于或等于0，...
Jquery查找元素的方法汇总
shuncheng_hu的博客
12-15 1万+
Jquery查找元素的方法汇总 通过具体的class，id,标签查找 $('div') // 所有div元素 $('.item') // class为item的元素 $('#main') // id为main的元素 $('#main span, .item') // id为main内的span 或 class为item的元素 $('*') // 文档中所有元素
jQuery内容文本值/元素操作
weixin_50119334的博客
10-12 491
jQuery内容文本值 主要针对元素的内容和表单的值操作 普通元素内容 html() (相当于原生innerHTML) (1) 获取元素设置内容 html() 连着标签一起显示 (2) 获取设置元素文本内容 text() 只得到文本 (3) 获取设置表单值 val() $(function() { //获取元素设置内容 html() 连着标签一起显示 console.log($("div").html()); $("div").html("
jQuery-:contains("")查询包含值的用法实例
Vivinia的博客
04-11 5427
目标效果：   输入内容点击select按钮，可以使表格中包含输入内容的td改变css样式，再次输入新的td改变样式，原先td恢复原样。 1.创建项目，导入jQuery框架。 2.新建check.html页面。 check.html页面： $(function () { $("#selec
jquery Contains 实现查询
dianguanqu8609的博客
01-22 151
var filter = $(this).val(); var filterResult = $(this).find('h2:Contains(' + filter + ')'); if (filterResult.length == 0) { //todo } 转载于:https://www.cnblo...
如何使用jQuery实现查询text文本的值
最新发布
piaoyiren的博客
10-09 258
$("#txt").val（）即可取得“value”的值
jQuery关于contains()函数
萌萌程序员的博客
12-13 6792
该函数属于全局jQuery对象。 jQuery.contains()函数的返回值为Boolean类型，如果指定元素包含另一个元素，则返回true，否则返回false。 问题1：、 Øcontains会搜索子节点吗？ 答案是会 比如 $('td:contains(Henry)').addClass('highlight'); $('tr:contains(Henry)')
jq实现模糊搜索文本内容
编程爱好者之家
06-10 1869
实现js动态模糊搜索文本效果如下 1.效果图 2.html代码如下 <divclass="pic_wrap"> <divclass="L_title">绝地求生：刺激战场图鉴1</div> <divclass="search_box"> ...
jQuery中文教程：基础与元素选择
5. **在特定上下文中查找元素**：使用`.find()`可以在一个特定的元素集合中查找子元素。 6. **过滤封装的DOM元素**：`.filter()`, `.not()`, `.first()`, `.last()`等方法可以帮助筛选元素。 7. **在选择的集合中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值