Я хотел бы знать, как я могу подсчитать элементы, которые есть с одним и тем же классом в HTML, чтобы иметь возможность работать с JQuery , но с JavaScript это того стоит.
Благодарю вас!
Пример
div class="hola"
div class="hola"
div class="hola"
Скрипт, который говорит, что есть 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%... тоже неплохо).Я оставляю вам пример с двумя возможностями:
Довольно интуитивно, не так ли?