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

Question

Как я могу проверить, существует ли ключевое слово в 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!