这篇博客探讨了在JavaScript中如何准确地通过选择器选取含有特定文本的元素。文章指出`contains()`方法虽然能进行匹配查找，但不够精确，可能会匹配到不完全符合的内容。作者提供了正确的解决方案，即使用`:contains()`结合`[innerHTML='xx']`来精确查找内容仅为'xx'的元素。这有助于提升前端开发中DOM操作的精准性。
$(function () {
//根据select中的option的文本来执行选中
//$("#selectbox option[text='第二项']");
//$("#selectbox option").filter("[text='第二项']");
//上面两种写法都是错误的
//正确写法
$("#btn4").click(function () {
var $option =$("#selectbox option:contains('第二项')").map(function(){
if ($(this).text() == "第二项") {
return this;
}
});
alert($option.length > 0 ? "有对象" : "无对象");
$option.attr("selected", true);
});
});
第一项
第二项
第二项1
$(".selector:contains('xx')")
contains()只作匹配查找，不够精确，包含xx的selector和包含xxabc的selector都会查到。
解决办法：
?$(".selector:contains('xx')[innerHTML='xx']")
这样将查找内容只有xx的selector。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
