Jquery：正しく機能していない

Question

div要素に特定の単語が含まれているかどうかを確認してから、その単語が含まれているかどうかを確認します。

私は：containsセレクタを使用していますが、divにない単語を使用しても、それでもその関数が実行されます。またif elseを実行した場合、ifは単語がdivにあるかどうかに関係なく常に渡されます。

これは私が持っているコードです：私は何をしないのです

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>

：セレクタが含まれていますか？

ありがとうございます。

-s

Answer 1

です。 「Apple」を含む要素が存在するかどうかを確認するには、.lengthを使用する必要があります。

だから、次のようになります。

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

Fiddle