Archief - Elementen in verschillende lijsten tellen

brecko · 20 mei 2010

Hi,

Ik zit met volgende vraag: hoe kan ik de elementen van verschillende lijsten tellen en weergeven via jQuery?

Even verduidelijken:

Code:

<ul id ="select_cat">
  
  <li id="_1">Categorie 1 <span>(aantal links)</span></li>
  <li id="_2">Categorie 2 <span>(aantal links)</span></li>
  <li id="_3">Categorie 3 <span>(aantal links)</span></li>

</ul>

<ul id="cat_1">

  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
  <li><a href="#">Link 4</a></li>

</ul>

<ul id="cat_2">

  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>

</ul>

<ul id="cat_3">

  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
  <li><a href="#">Link 4</a></li>
  <li><a href="#">Link 5</a></li>

</ul>

Ik weet hoe ik het aantal elementen in 1 lijst moet ophalen,
maar hoe moet ik dat juist doen dat bij elk element van de eerste lijst het
aantal links (dus 4, 3, 5) van de overeenkomstige sublijst weergeeft?

Ik vermoed dat het iets is met een teller en een while-lus, tot ik de laatste sublijst heb bereikt. Maar hoe moet je dat schrijven dat hij stopt na de laatste sublijst?

Bedankt alvast!

adrianhates · 20 mei 2010

Code:

 $("#select_cat li, #cat_1 li, #cat_2 li, #cat_3 li").size()

??

brecko · 20 mei 2010

adrianhates zei:
Code:

$("#select_cat li, #cat_1 li, #cat_2 li, #cat_3 li").size()

??

Dan krijg je gewoon de optelsom..
Misschien is mijn vraag niet duidelijk genoeg.

Een voorbeeldje

Dat, maar dan met jQuery

EDIT: Show / Hide weet ik hoe dat moet, 't gaat dus enkel over het aantal links in de sublijst bepalen.

brecko · 21 mei 2010

SOLVED:

$("#select_cat li").each(function(){
$("span", this).html(
$("#cat" + $(this).attr('id')).children().size()
);
})

Archief - Elementen in verschillende lijsten tellen

brecko

Legacy Member

adrianhates

Legacy Member

brecko

Legacy Member

brecko

Legacy Member