Discussion :

[Polychinelle]

Bonjour,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[SpaceFrog]

un peu bidoulle ...

https://jsfiddle.net/40qo9tpz/


mais cela donne le résultat escompté

[Invité]

Oui....

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

ou un span plutot pour le inline

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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