Comment modifier du contenu situé dans un autre ?

Bonjour,

En complément de cette discussion résolue, j'ai besoin, dans la même fonction, de modifier le texte d'un lien pour chaque message dont on masque les commentaires.

Je reprends et complète la structure de la liste de messages donnée dans l'autre discussion citée :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<div class="divMessage"> <div id="blocMessage44" class="blocMessage"> le message 44 <a href="javascript:afficheCommentaires(des variables);">N commentaires</a> </div> <div id="sousMessage44" class="sousMessage"> </div> </div> <div class="divMessage"> <div id="blocMessage24" class="blocMessage"> le message 24 <a href="javascript:masqueCommentaires(des variables);">Masquer commentaires</a> </div> <div id="sousMessage24" class="sousMessage"> les réponses au message 24 </div> </div> <div class="divMessage"> <div id="blocMessage5" class="blocMessage"> le message 5 <a href="javascript:masqueCommentaires(des variables);">Masquer commentaires</a> </div> <div id="sousMessage5" class="sousMessage"> les réponses au message 5 </div> </div>

---

Il s'agit donc de remettre à "N commentaires" le lien "Masquer commentaires" et de modifier la fonction javascript appelée.

Je pensais donc faire un $(".divMessage").each(function() puis de faire ces opérations dans cette unique boucle mais je ne sais pas comment faire référence aux balises internes par rapport à this.

Avec le code ci-dessous, j'alerte bien le contenu html de chaque divMessage :

Code:

---

1 2 3 4

$(".divMessage").each(function() { alert($(this).html()); });

---

Mais ce genre d'appel relatif à this ne fonctionne pas :

Code:

---

1 2 3 4

$(".divMessage").each(function() { alert($(this).$(".blocMessage").html()); });

---

Code:

---

alert($(".blocMessage", $(this)).html());

---

Merci.
Et donc si je veux seulement le html de la balise <a> qui est dans blocMessage qui est dans this ?

Code:

---

alert($(".blocMessage a", $(this)).html());

---

ou bien

Code:

---

alert($(this).find(".blocMessage a").html());

---

Merci encore mais en fait j'ai été imprécis dans ma demande.
Le lien que je dois modifier est identifié par un id="linkAfficheCommN" où N est le numéro du message.
J'ai essayé diverses formules pour appeler cet id mais rien n'y fait.

Je progresse un peu...

Avec le code ci-dessous, j'affiche ce qui est compris entre <a> et </a> pour un message :

Code:

---

alert($("#blocMessage44 .bar_links #linkAfficheComm44").html());

---

Résultat :

Citation:

---

<img src="images/bubble.png" align="absmiddle" height="12px" width="18px">Masquer commentaire

---

Je sais modifier "Masquer commentaire" en "1 commentaire" puisque je l'ai fait dans la fonction qui est lancée par le lien "Masquer commentaire".

Ce que je cherche maintenant, c'est de le faire pour chaque liste de commentaires affichés et donc pour tous les liens "Masquer commentaire(s)" de la page.

J'y arrive en affectant une classe au lien avec ce code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

$(".divMessage").each(function() { /*alert($(".blocMessage .bar_links .linkAfficheComm", $(this)).html());*/ if($(".blocMessage .bar_links .linkAfficheComm", $(this)).html() !== null) { var obj = $(".blocMessage .bar_links .linkAfficheComm", $(this)); // lien à modifier var inithtm = obj.html(); // contenu complet du lien var initfct = obj.attr("href"); // cible du lien var texte = '';   if(langue == 'fr') { texte = 'commentaire'; } else if (langue == 'es') { texte = 'comentario'; } else if (langue == 'en') { texte = 'comment'; }   obj.attr("href",initfct.replace(/masque/i, "affiche")); obj.html(inithtm.replace(obj.text(), texte));   }   });

---

Mais il faut que je récupère le nombre de commentaires que je mets dans un input hidden et je trouve un peu stupide d'y affecter une classe qui est plutôt pour du CSS. Le problème, c'est que je n'arrive pas à trouver la bonne syntaxe pour récupérer le contenu du lien via son id au lieu de sa classe.