我的页面中有一个带有特定id. 现在同一类的一些输入元素出现在 this 中div。那么我如何div使用jQuery计算相同类中这些元素的数量？
如何计算具有相同类的元素的数量？
IT技术
javascript
jquery
2021-02-20 03:37:47
6个回答
有了jQuery您可以使用
$('#main-div .specific-class').length
否则在Vanilla JS（IE8包括在内）中，您可以使用
document.querySelectorAll('#main-div .specific-class').length;
document.getElementsByClassName("classstringhere").length
该document.getElementsByClassName("classstringhere")方法返回具有该类名的所有元素的数组，因此.length为您提供它们的数量。
您可以访问父节点，然后使用正在搜索的类查询所有节点。然后我们得到大小
var parent = document.getElementById("parentId");
var nodesSameClass = parent.getElementsByClassName("test");
console.log(nodesSameClass.length);<div id="parentId">
<p class="prueba">hello word1</p>
<p class="test">hello word2</p>
<p class="test">hello word3</p>
<p class="test">hello word4</p>
</div>$('#maindivid').find('input .inputclass').length
我想明确地编写两个允许在纯 JavaScript 中完成此操作的方法：
document.getElementsByClassName('realClasssName').length
注1：该方法的参数需要一个具有真实类名的字符串，该字符串开头没有点。
document.querySelectorAll('.realClasssName').length
注 2：此方法的参数需要一个字符串，该字符串具有真实的类名，但在此字符串的开头带有点。
注 3：此方法也适用于任何其他CSS选择器，而不仅仅是类选择器。所以它更通用。
我也写了一种方法，但使用两种命名约定来解决这个问题，使用jQuery：
jQuery('.realClasssName').length
或者
$('.realClasssName').length
注意4：这里我们还要记住点，在类名之前，我们也可以使用其他CSS选择器。
其它你可能感兴趣的问题