我想知道如何计算HTML 中具有相同类的元素,以便能够使用JQuery,但使用JavaScript也是值得的。
谢谢!
例子
div class="hola"
div class="hola"
div class="hola"
一个脚本,上面写着“hello”类有 3 个元素。
我试过了?
var divs = document.getElementsByClassName("orange");
var numDivs = divs.length;
var contadorNaranja = 0;
for(var i = 0; i < numDivs; i++){
if(divs[i].className == "orange")
contadorNaranja++;
}
var puntos1 = contadorNaranja;
document.getElementById("jugador1puntos").innerHTML = "Jugador1: "+puntos1;
用 javascript
您可以使用该属性
getElementsByClassName()
并打印其长度用jQuery
您可以使用
toArray()
将结果转换为数组进行操作的属性,您可以打印它的长度以了解它有多少元素。另一方面,如果您只需要知道存在多少元素,则可以使用
$(".hola").length
length 属性将返回该类的元素数
$(".hola").length
我希望我有帮助
干杯
你想做的事情很容易。并且可以用纯JS完美完成。在我看来,为此使用 jQuery 将是一种回归。我的意思是使用纯 JS 的代码比使用 jQuery 的代码运行得更好更快。
在纯 JS 中至少有两种方法可以做到这一点:
getElementsByClassName
正确使用它querySelectoAll
(这将是最理想的方式,除了兼容性是 90% ......也不错)。我给你一个例子,有两种可能性:
很直观,你不觉得吗?