Beste,

ik heb een klein probleempje waar ik maar niet uit kom.

Ik heb een pagina met daarin een aantal divs met dezelfde classnaam ( bijv X). Via jquery krijgt 1 div een class erbij:

Code:

$(this).addClass('selected');

Nou vroeg ik mij af: Is het mogelijk het aantal divs met classnaam X die voor de div met classnaam selected staan te tellen?

Alvast bedankt!
Arthur

Kun je de HTML ook even tonen aub...

Tellen werkt zo:

alert($('.classname').size());

Om een totaal aantal elementen te tellen kun je beter $('.classname').length gebruiken. Sneller dan $('.classname').size()


Om te controleren hoeveel elementen er voor zitten, moet je waarschijnlijk door de elementen heen loopen met een 'teller', en optellen totdat het element met '.selected' is bereikt.

$('.classname').each(function(){
if($(this).hasClass('selected')){return counter;}else{counter++;}
});


// unTested

Sorry dat ik een beetje onduidelijk ben,, html lijkt me niet echt nodig ;)

Stel je voor, ik heb zo'n html opbouw:

Code:

<div class="A"></div>
<div class="A"></div>
<div class="A"></div>
<div class="X"></div>
<div class="A"></div>

Nu wil ik via Jquery het aantal divs tellen met classnaam A die zich voor X bevinden, in dit geval dus 3.

Via index() en eq() kom ik er helaas niet uit, iemand een oplossing?
Aanvullend bericht:
Over de reactie van Michel heengekeken, is eigenlijk een hele logische oplossing waar ik zelf niet aan gedacht heb ;) Ik denk dat ik er nu wel uitkom!

------

Vraag me alleen af hoe je daar een aantal div's '.className' kunt lopen met .each en dan toch een div met '.selected' tegen kunt komen? Kan een element tot meerdere classes behoren?

Late reactie maargoed, kan hem wel beantwoorden ;)

Ik geef de div via javascript nog een class, namelijk selected en daarom heeft de div dus 2 classes.

Kijk, wist niet dat dat kon. Weer iets geleerd.