Discussion :

[oceane751]

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

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

"

puis en exemple :

$("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 :

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

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

et pour mon js :

Code :

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

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 !

[vermine]

Bonjour,

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

[SpaceFrog]

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 :

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

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

Code :

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

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

[oceane751]

Bonjour,

Code :

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

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

me retourne "object Object"

idem pour

Code :

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

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

[SpaceFrog]

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

l'ensemble des balise p qui contiennent 'test'

[oceane751]

quand je fais ça

Code :

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

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 :

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

 this.text()

?

merci encore !

[SpaceFrog]

Code :

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

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

[oceane751]

ah ok
j'avais mis ça

Code :

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

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

parfait!
merci beaucoup !

[Bovino]

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 :

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

$("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 !

[oceane751]

dac!
merci