CSS选择器，用于查找其中一个子元素具有特定文本值的元素
CSS选择器，用于查找其中一个子元素具有特定文本值的元素
提问于 2014-09-25 21:52:54
CSS选择器，用于查找其中一个子元素具有特定文本值的元素。即：
<div id=some">
<ul class="nav navbar-nav">
<li ><a href="#>Home</a></li>
<li ><a href="#">Val1</a></li>
<li ><a href="#">Val2</a></li>在这里，我想要找到一个带有innerText = Val2的<li>
回答 2
Stack Overflow用户
发布于 2014-09-25 22:05:11
如果需要简单的子字符串匹配，请使用:contains
var li = $('#some li:contains("Val2")');如果需要精确(全文匹配)，请使用筛选器：
var li = $('#some li').filter(function(){
// return true to keep a match and false to ignore it
return $(this).text() == "Val2";
});如果需要不区分大小写的全文匹配，请在筛选器中使用正则表达式(带有i选项)：
var li = $('#some li').filter(function(){
// return true to keep a match and false to ignore it
return /val2/i.match();
});正则表达式可能是错误的(我第一次总是把它们弄乱了)，但是您明白了:)
Stack Overflow用户
发布于 2014-09-25 21:58:25
您可能只需使用:contains伪选择器：
http://css-tricks.com/pseudo-class-selectors/
不过，当我读到这个链接时，我意识到:contains现在已经被弃用了。如果你使用的是jQuery，你可以看一下：
http://api.jquery.com/contains-selector/
我的观点是正确的，但是在jQuery中使用这个选择器应该可以在任何情况下工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26040400
复制相关文章
相似问题
腾讯云开发者
