jQuery liczba liczba div z pewną klasą?

Biorąc pod uwagę coś takiego;jQuery liczba liczba div z pewną klasą?

<div class="wrapper"> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
</div>

Jak chciałbym, używając jQuery (lub zwykły JS, jeśli jest krótszy - ale wątpię) policzyć div z klasą „Artykuł”? W tym przykładzie funkcja powinna zwrócić 5, ponieważ klasa item zawiera 5 elementów div.

Dzięki!

Źródło

2011-09-13 Anonymous

try $ ("div.item") Długość lub $ ("div.item"), wielkość() –

to powinno pomóc. [Link] [1] [1] : http://stackoverflow.com/questions/2727303/jquery-counting-elements-by-class-what-is-the-best-way-to-implement- ten – Darvex

Rozmiar() jest przestarzałe trzymać się na długości – lft93ryt

Można użyć jquery .length własność

var numItems = $('.item').length;

Źródło

2011-09-13 15:34:58

.. .Myślę, że powinno to być $ ("div.item"), aby policzyć divy z tą klasą (i nie zawierają żadnego innego rodzaju elementu z klasą .item). – jjmontes

Dzięki, to jest to, czego potrzebowałem! Przyjmuję twoją odpowiedź, gdy tylko minie limit czasu! –

@jjmontes to prawda. Oczywiście możesz użyć dowolnego selektora ... ale to zależy od tego, jak konkretnie OP chce zdobyć. Na przykład '$ (div.wrapper div.item ')' byłoby jeszcze bliżej. –

Dla lepszej wydajności należy użyć:

var numItems = $('div.item').length;

Ponieważ będzie wyglądać tylko dla div elementów DOM i będzie szybki.

sugestie: pomocą size() zamiast length właściwość oznacza jeden dodatkowy etap przetwarzania, ponieważ SIZE() wykorzystuje length właściwości w definicji funkcji i zwraca wynik.

Źródło

2011-09-13 15:38:06

Chciałbym wiedzieć, jaka byłaby różnica czasu/wydajności używania 'div.item' zamiast' .item', oczywiście zależałoby to od tego, jak duży jest dokument, ale ogólnie rzecz biorąc jestem ciekawy wiedzieć, czy ma to duże znaczenie – haakym

Właśnie stworzył tę funkcję js użyciu funkcji rozmiarze jQuery http://api.jquery.com/size/

function classCount(name){ 
    alert($('.'+name).size()) 
}

ostrzega ją, ile razy występuje nazwa klasy w dokumencie.

Źródło

2011-09-13 15:46:56 Vlad

Można użyć właściwości jQuery.children.

var numItems = $('.wrapper').children('div').length;

Więcej informacji można znaleźć http://api.jquery.com/

Źródło

2013-09-25 06:13:34

i dla Plain js odpowiedź jeśli ktoś może być zainteresowany;

var count = document.getElementByClassName("item");

Pozdrawiam. .

Źródło

2017-09-21 18:37:49

jQuery liczba liczba div z pewną klasą?

Odpowiedz

Powiązane problemy