différentes

Version imprimable

03/09/2012, 22h39
lisa.a

Compter les <li> de <ul> différentes
Bonjour,

j'ai une page qui en simplifiée ressemble à ça
Code:

1 2 3 4 5 6 7 8 9 <ul class="liste-de-titres comedie"> <li> toto <li>titi </ul> ...ici plein d autres trucs... <ul class="liste-de-titres thriller"> <li> foo <li>bar </ul>
sauf que dans le code les deux ul ne sont pas directement siblings

je voudrais faire une animation sur un slider en utilisant les index de mes listes, sauf qu'en fait dans mon slider j'ai tous les elements. Donc "bar" devrait m'amener au 4eme element du slider et pas au 2eme. Donc je ne peux pas directement utiliser l'index dans la liste, mais il me faudrait l'index + le nombre de tous les li qui précèdent qui sont dans un ul.liste-de-titres.

Je ne sais pas du tout comment écrire la fonction qui compte - ni compter tous les li dans ul.liste-de-titres, et encore moins ceux qui précèdent un élément donné...

Pardon si la question semble trop simple, je débute en js / jquery, et là je cale complètement. Pas besoin de la solution toute crue, mais juste des pointeurs ou des mots clefs à donner à google pour qu'il m'aide ça serait vraiment super !

Merci d'avance

Salut, il faut juste ciblé en jquery par :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
// $(".liste-de-titres li") est la collection html que tu recherche 
$(function(){
	alert("load");
	alert($(".liste-de-titres li").length); // nombre de lignes
	alert($(".liste-de-titres li").text()); // les textes
        // Pour parcourir la collection
        alert("Parcours de la collection");
        $(".liste-de-titres li").each(function(index){
           alert("index des li = "+index);
           alert($(this).text()); //le text du li     
        });
});
 
<ul class="liste-de-titres comedie">
<li> toto
<li>titi
</ul>
...ici plein d autres trucs...
<ul class="liste-de-titres thriller">
<li> foo
<li>bar
</ul>

Une note, et un petit résolu fait toujours plaisir :D.
Bonne chance pour la suite de ton script ;) n'hésite pas en cas de problème.

04/09/2012, 06h59
lisa.a

Super !

le .length qui donne le nombre total, sans tenir compte du ul dans lequel ils sont ! genial ! Enfin logique maintenant que je le vois mais je n'y avais pas du tout pensé.
j'ai trouvé toute seule depuis ul.size qui va m'aider aussi je crois.

Je ne marque pas encore résolu parce qu'il me faut encore trouver comment savoir sur quel element parmi le total je suis (et pas seulement parmi ma liste courante). Mais je crois qu'avec ca c'est un bon début pour continuer à chercher toute seule !
je vous tiens au courant :D
Enfin plus tard ce soir, là je dois partir au boulot ;)
+++
Et merci !!

Edit : j'ai cliqué sur envoyé trop vite et j'ai vu le "choisissez une note" trop tard... maintenant quand j'édite je ne le vois plus. Tu me réécris juste un petit coucou que je puisse ajouter la note ? ;)
++ et encore merci !
04/09/2012, 09h32
Bovino

Il suffit juste de cliquer sur :plusser:
04/09/2012, 10h10
lisa.a

ah ok merci :)
c'est fait ;)
04/09/2012, 18h39
lisa.a

J'avance un peu mais pas beaucoup...
J'arrive à récupérer (je crois) la partie de la page qui m'intéresse avec un

Code:

var prevcode = $(this).parent().parent().prevAll();

maintenant je voudrais faire mon $(".liste-de-titres li").length non plus sur tout le dom, mais seulement à l'intérieur de prevcode, c'est à dire compter les occurences de .liste-de-titres li dans prevcode. C'est possible ?

J'ai trouvé une solution qui marche !
Code:

1 2 3 4 5 6 7 8 9 10 11 var mytext = $(this).text(); var i=1; $('.liste-de-titres li').each(function() { if ($(this).text() === mytext){ myvalue = i; } i++; }); alert(myvalue);
à la fin, myvalue contient bien la valeur que je veux :)

Je soumets ma solution à vos commentaires, est-ce que c'est propre comme code ? est-ce qu'il y a plus direct ? une meilleure façon de faire ?

Mon problème est résolu, mais si je suis en générale soucieuse des bonnes pratiques, et là comme je ne connais pas j'aurais besoin de vos avis.

A quoi te sers la variable i ? :koi:

Code:

1
2
3
4
5
6
7
8
9
               var mytext = $(this).text();
		var myvalue=0;
  		$('.liste-de-titres li').each(function() {
	  		if ($(this).text() === mytext){
		  		myvalue++;
	  		}
	  	 });
 
	  	 alert(myvalue);

07/09/2012, 07h59
lisa.a

J'ai l'impression que le code que tu as donné renverra toujours 1 ou 0, non ?

Ce que je fais, c'est que je compte tous les li avec i, mais je "gele" la valeur qui correspond à la position qui m'intéresse dans myvalue.
Je n'aurais pas besoin de i si je savais compter dans tous les li qui precendent celui qui m'intéresse et pas apres, ou si je savais arreter de compter quand je suis sur le li qui m'intéresse. Mais je ne sais faire aucun des deux :(