Question

如何使用jQuery :contains计算匹配的类？

如果我有以下代码：

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<div class="ll">John Resig</div>

<div class="ll">George Martin</div>
<div>Malcom John Sinclair</div>
<div class="ll">J. Ohn</div>


<script>
$("div.ll").hide()
$("div.ll:contains('John')").show();
</script>

</body>
</html>

如何计算匹配的元素？

Answer 1

使用.size()或length

$("div.ll:contains('John')").size();
$("div.ll:contains('John')").length;

您应该使用length

因为文档说

.size（）方法在功能上等同于.length属性;但是，.length属性是首选属性，因为它没有函数调用的开销。

Answer 2

使用返回

的jQuery对象的length属性

[目前匹配的元素数量。

因此，在您的示例中，要获得匹配元素的数量，您可以执行类似

的操作

var count = $("div.ll:contains('John')").length;

另外，根据jQuery文档的长度（上面链接），

.size()方法将返回相同的值。

Answer 3

简单：

$("div.ll:contains('John')").length

如何计算匹配的元素：contains？

3 个答案: