jQuery根据文本内容text进行选择

最新推荐文章于 2023-06-15 00:53:11 发布

XerCis

最新推荐文章于 2023-06-15 00:53:11 发布

阅读量6.2k

点赞数 4

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/lly1122334/article/details/104002328

版权

前端专栏收录该内容

14 篇文章

订阅专栏

问题描述

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>

<body>
<ul>
    <li>北京</li>
    <li>上海</li>
    <li>广州</li>
    <li>深圳</li>
</ul>
</body>
</html>

在这里插入图片描述
我想选择文本为【广州】的li，$("li[text='广州']")是不行的，因为CSS选择器只针对CSS，不能访问文本

解决方案

手动加id或class或自定义attribute（不方便）
使用jQuery的:contains()

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>

<body>
<ul>
    <li>北京</li>
    <li>上海</li>
    <li>广州</li>
    <li>深圳</li>
</ul>

<script>
    console.log($("li:contains('广州')").text());
</script>
</body>
</html>