计算div中相同类的元素数量？

Question

我的页面中有一个带有特定ID的主div.现在这个div中存在同一类的一些输入元素.那么如何使用jquery计算这个div中相同类的这些元素的数量？

Answer 1

使用jQuery,您可以简单地使用

$('#main-div .specific-class').length

否则使用普通的js(包括IE8)你可以简单地写

document.querySelectorAll('#main-div .specific-class').length;

Answer 2

document.getElementsByClassName("classstringhere").length

该document.getElementsByClassName("classstringhere")方法返回具有该类名的所有元素的数组，因此.length为您提供了它们的数量。

Answer 3

$('#maindivid').find('input .inputclass').length

Answer 4

您可以转到父节点，然后使用要搜索的类查询所有节点。然后我们得到大小

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>