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');    
}