jquery: Как проверить, существует ли ключевое слово в div?

Question

Как проверить, существует ли ключевое слово f в div?

, например, это мой HTML,

<div class="item"> 
<div class="title">How to check if a keyword exists</div> 
<div class="author">John J, 1990</div> 
</div> 

Я попытался с помощью этого метода ниже, но, очевидно, не работает!

if ($('.item .author').text('John J').length > 0) 
{ 
    alert('found John J'); 

} 

любые идеи? Благодарю.

Answer 1

Вы можете использовать селектор :contains, как это:

if ($('.item .author:contains("John J")').length > 0) 
{ 
    alert('found John J');  
} 

... или то, что вы, вероятно, в конечном счете, после того, что-то вроде этого:

$('.item .author:contains("John J")').addClass("highlight"); 

Позвонив .text() вы находитесь установка текст, не проверяя его. Использование .text() для поиска будет выглядеть следующим образом:

if ($('.item .author').text().indexOf("John J") != -1) 
{ 
    alert('found John J');  
} 

Answer 2

if ($('.item .author')[0].innerText.indexOf('John J')!=-1) 
 
{ 
 
    alert('found John J'); 
 

 
}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<div class="item"> 
 
<div class="title">How to check if a keyword exists</div> 
 
<div class="author">John J, 1990</div> 
 
</div> 
 
I tried with this method below and it now works!