jquery remplacer contenu dans une liste

Bonjour, je debute en jquery et je suis vraimment perdu. J'essaie depuis quelques heures (j'ai honte :oops:) de faire qqch et je n'y arrive pas.

J'ai une liste

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<ul> <li> <a href="page1.html"> element 1 </a> </li> <li> <a href="page2.html"> element 2 </a> </li> <ul> <li> <a href="souspage3.html"> element 3</a> </li> <li> <a href="souspage4.html"> element 4</a> </li> <ul> </li> <a href="page5.html"> element 5 </li> <li> <a href="page6.html"> element 6 </li> </ul>

---

J'aimerais bien que les elements de cette liste qui ont une sous liste $('li:has(ul)')
n'affiche plus de lien <a href="..."> contenu </a> mais juste le contenu :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<ul> <li> <a href="page1.html"> element 1 </a> </li> <li> element 2 </li> <ul> <li> <a href="souspage3.html"> element 3</a> </li> <li> <a href="souspage4.html"> element 4</a> </li> <ul> </li> <a href="page5.html"> element 5 </li> <li> <a href="page6.html"> element 6 </li> </ul>

---

J'ai beau essayer, vraimment je n'y arrive pas. Merci de me mettre sur la bonne piste, ou de m'expliquer comment vous feriez, merci :cry:

Salut,

une idée non testée

Code:

---

1 2 3 4

$('li:has(ul)').each( function() { var text = $('a', this).eq(0).text(); $('a', this).eq(0).replaceWith(text); });

---

Salut Marcha,

En fait je venais poster pour dire que j'avais trouve une solution qui fonctionne :

Code:

---

1 2 3 4 5 6 7

66 //Remplacer les tetes de sous-menus qui sont des liens par leur texte 67 $('li:has(ul)').each( 68 function (){ 69 content = $(this).find('a:first').html() ; 70 $(this).find('a:first').after(content).remove() ; 71 }) ;

---

Vu que j'apprends jQuery, j'ai teste ton code , et il s'avere qu'il fonctionnait du premier coup .

Vraimment je commence kiffer jQuery, ca me fait trop penser a awk .

Merci mille fois pour ta reponse super rapide et pertinente. :yaisse2:

En mixant nos deux solutions, je me demande si on peut
pas faire encore plus simple:

Code:

---

1 2 3

$('li:has(ul) a:first').each( function() { $(this).replaceWith($(this).text()); });

---

Citation:

---

Envoyé par marcha

En mixant nos deux solutions, je me demande si on peut
pas faire encore plus simple:

Code:

---

1 2 3

$('li:has(ul) a:first').each( function() { $(this).replaceWith($(this).text()); });

---

---

Bonne idée, mais le remplacement ne se fait qu'une seule fois. En m'inspirant de ton code, pour que ca donne l'effet que j'attends, j'y arrive comme ceci

Code:

---

1 2	$('#crepuscule li:has(ul)').each(function(){ $(this).find('a:first').replaceWith($(this).find('a:first').text()); })

---

Par souci de lisibilite et rapidite au final je ferais plutot comme ceci :

Code:

---

1 2 3 4 5

$('li:has(ul)').each(function(){ elem = $(this).find('a:first') ; elem.replaceWith(elem.text()); })

---

Ou encore comme ceci :

Code:

---

1 2 3 4 5

$('li:has(ul)').each(function(){ elem = $('a', this).eq(0) ; elem.replaceWith(elem.text()); })

---

Et ma dernière découverte :

Code:

---

1 2 3 4 5

$('li:has(ul)').each(function(){ elem = $('a:first', this) ; elem.replaceWith(elem.text()); })

---

Il y a surement encore 1000 facons de l'ecrire mais laquelle serait la plus rapide ? Vu que apparemment find() ou $() on l'air equivalent et que :first ou .eq(0) ne devraient pas faire une enorme difference ... bien que je penche pour eq(0).

Merci de toute ton aide, je vais marquer le sujet comme resolu demain dans l'aprem. ;-)

Ben c'est merveilleux toutes ces possibilités :-)

Attention à ceci:

Code:

---

elem = $('a:first', this); // crée et/ou modifie la variable globale elem

---

c'est plus prudent d'écrire

Code:

---

var elem = $('a:first', this); // variable locale à la fonction

---