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을 사용해야합니다.

그래서 그것은해야한다 : 상태 JQuery와 선택이 항상 곁에 사실이다

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

Fiddle