Filtrer le contenu d'un li en JQuery

Bonjour,

J'ai une balise li qui ressemble à ça :

Code:

---

<li title="tag1, tag2"><a href="toto.fr"><h1>Toto</h1></a>Commentaire</li>

---

Pour récupérer l'URL, le nom et le tag en Jquery, je fais comme ça

Code:

---

1 2 3

$('#newName').val(selector.find('> a').html()); $('#newLink').val(selector.find('> a').attr('href')); $('#newTags').val(selector.attr('title'));

---

Mais comment faire pour récupérer uniquement le commentaire ? J'ai essayé ça :

Code:

---

$('#newComments').val(selector.text());

---

mais ça affiche tout le contenu de la balise li. Avez-vous des idées ?

un peu bidoulle ...

https://jsfiddle.net/40qo9tpz/


mais cela donne le résultat escompté

Oui....

Ou tu mets simplement le commentaire dans un<div> (ou <span>) :

Code:

---

1 2 3 4

<li title="tag1, tag2"> <a href="toto.fr"><h1>Toto</h1></a> <div>Commentaire</div> </li>

---

Code:

---

$('#newComment').val(selector.find('> div').html());

---

:aie:

ou un span plutot pour le inline

UNe autre possibilmité: filter sur le nodeType 3 => noeud de texte

Code:

---

1 2 3

var $comment = $("#foo > li:eq(0)").contents().filter(function(){ return this.nodeType == 3; })[0].nodeValue ; console.log($comment)

---