jQuery :contains not working properly

Question

我试图检查 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

Answer 1

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

所以应该是:

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

Fiddle