contents() ne fonctionne pas

Bonjour à tous,

Je suis en train de suivre un tuto présentant toutes les fonctions jquery
Je suis bloqué à celle-ci : contents()

Selon le tuto : "

Citation:

---

contents(str) Filtre la liste des élements trouvés en ne retournant que ceux contenant le texte spécifié.

---

"

puis en exemple :

Citation:

---

$("p").contents("test")

Testons sur le script suivant:

<p>This is just a test.</p><p>So is this</p>

On obtiendra :

[ <p>This is just a test.</p> ]

---

J'ai repris la même chose :

Code:

---

<p>Ceci est un test.</p><p>et un autre test</p>

---

et pour mon js :

Code:

---

alert($("p").contents("test").text());

---

MAIS mon alert est vide

J'ai un peu de mal à comprendre...
J'ai regardé d'autre tutos mais ils disent la même chose !
Si quelqu'un pouvait m'aider se serait sympa!

Merci beaucoup !

Bonjour,

Oui mais à mon avis tu reçois un tableau d'éléments.

Contents est un équivalent de children à ceci prêt que children
comprend les TextNodes ET les HTMLelements.

Ce n'est donc pas la methode appropriée pour vérifier le contenu

Ce que tu cherches à faire est possible avec filter

Code:

---

1 2 3

$('p').filter( function(){return $(this).text().indexOf('test')!=-1;})   Ou directement par le selecteur :contains

---

Code:

---

$("p:contains('test'))

---

Bonjour,

Code:

---

$('p').filter( function(){return $(this).text().indexOf('test')!=-1;})

---

me retourne "object Object"

idem pour

Code:

---

$("p:contains('test')")

---

ce qui est tout a fait normal ce sont des collections d'objets ...

l'ensemble des balise p qui contiennent 'test'

quand je fais ça

Code:

---

1 2 3 4 5

$(document).ready(function() { $("p:contains('test')").each(function(i) { alert(+i); }); });

---

il me sort bien "0", "1", "2"
car il y a 3 résultats

et donc pour récupérer les textes je fais

Code:

---

this.text()

---

?

merci encore !

Code:

---

1 2 3 4 5

$(document).ready(function() { $("p:contains('test')").each(function() { alert($(this).text()); }); });

---

ah ok
j'avais mis ça

Code:

---

alert($(this.text()));

---

:aie:
parfait!
merci beaucoup !

Sinon, pour info, .contents() (qui n'est pas supposé prendre de paramètre) ne sert pas à filtrer une collection par rapport à une texte donné, mais à récupérer tous les noeuds enfants de la collection en cours, y compris les noeuds texte.
Donc dans ton exemple :

Code:

---

$("p").contents("test").text()

---

tu récupères les noeuds enfants de chaque balise <p>, compte tenu de la portion HTML fournie, cela correspond à deux noeuds texte qui n'ont pas de méthode .text().
Bref, ta collection correspond à un objet jQuery (d'où le [object Object]) mais qui est vide !

dac!
merci