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!

jquery：如何检查div中是否存在关键字？

2 个答案: