jQuery 如何通过文本查找元素? 下面本篇文章给大家介绍一下使用 jQuery 通过文本查找元素的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在 jQuery 中, 可以使用 :contains() 选择器来通过文本内容来查找元素.
:contains() 选择器选取包含指定字符串的元素.
该字符串可以是直接包含在元素中的文本, 或者被包含于子元素中.
最常见的用法: 与其他选择器一起使用, 选取指定组合中包含指定文本的元素 (如上面的实例).
注意: 文本是大小写敏感的.
语法
$(":contains(text)")
参数
text 必需的, 规定要查找的文本.
示例: 选取所有包含 "is" 的 <p> 元素
- <!DOCTYPE html>
- <HTML>
- <head>
- <title>
- Insert you title
- </title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- </head>
- <body>
- <div id='Text'>
- <h4>
- This is a demo
- </h4>
- <p>
- 这是一段测试文本
- </p>
- </div>
- <script src="plugins/jQuery/jquery-2.2.3.min.js">
- </script>
- <script type='text/javascript'>
- $(function() {
- $('#Text :contains(" 文本 ")').CSS('background', '#e4393c');
- });
- </script>
- </body>
- </HTML>
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/16996.html