Jquery：包含无法正常工作答案

【问题标题】：Jquery :contains not working properlyJquery：包含无法正常工作
【发布时间】：2017-06-12 00:52:44
【问题描述】：

我正在尝试检查一个 div 元素是否包含某个单词，然后根据它是否包含该单词来做一些事情。

我正在使用 :contains 选择器，但即使我使用不在 div 中的单词，它仍然会运行该函数。此外，如果我运行 if else，则无论单词是否在 div 中，if 总是通过。

这是我的代码：

if ( $("#navBreadCrumb a:contains('Apples')") ) {
   console.log('Not Oranges');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="navBreadCrumb">
  <a class="bp" href="#">Home</a> &nbsp;::&nbsp;
  <a class="bp" href="#">Fruits</a>&nbsp;::&nbsp;
  <a class="bp" href="#">Citrus</a>&nbsp;::&nbsp;
  <a class="bp" href="#">Oranges</a>&nbsp;::&nbsp;
  Navel Oranges
</div>

:contains 选择器缺少什么？

提前谢谢你。

-S

【问题讨论】：

因为条件 jquery 选择器总是为真。使用$("#navBreadCrumb a:contains('Apples')").length > 0
啊啊……明白了。非常感谢。

标签： jquery selector contains

【解决方案1】：

如此接近。您应该使用.length 来检查是否存在包含“Apple”的元素。

应该是这样的：

if ( $("#navBreadCrumb a:contains('Apples')").length ) {
   console.log('Not Oranges');
}

Fiddle

【讨论】：

做到了。谢谢罗宾。
@Sergio 太棒了！很高兴它有帮助。