Discussion :

[Friksstyle]

Bonjour à tous,
Me voilà de nouveau en galère avec jQuery.
Je suis en train de chercher comment récupérer le contenu d'un élément <p> lui même contenu dans une div.

Le contexte: Je génère en PHP 10 bloc Div qui contiennent des informations sur des produits. Donc chaque bloc possède les mêmes balises mais leur contenu change.

J'aimerai qu'au clic d'une balise div, récupérer le contenu d'un paragraphe.

Voici mon code PHP (je vous épargne la boucle):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
echo '<div class="viewproduct">';
					echo 'Code EAN: <p class="EAN">'.$produit->ItemAttributes->EAN.'</p>';
					echo "<br />";
					echo "Titre: ".$produit->ItemAttributes->Title;
					echo "<br />";
					echo '<img src="'.$produit->MediumImage->URL.'" alt="" />';
					echo "<br />";
					echo "Pour un prix neuf au plus bas de:".$produit->OfferSummary
					echo "Sorti le:".$produit->ItemAttributes->ReleaseDate;
					echo "<br />";
					echo '<a target="'.$produit->ItemAttributes->Title.'" href="'.$produit->DetailPageURL.'">Voir la fiche</a>';
					echo "</div>";

Et voici mon code jQuery:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$('.viewproduct').click(function() {
			alert($(this).html($('.EAN').text()));
			$("#backgroundload").css({
				"opacity": "0.7"});
		  $('#backgroundload').fadeIn("slow");
          $('#load').fadeIn("slow");
          $('#result').load('result.php', {} ,function() {
            $('#load').fadeOut("slow");
			$('#backgroundload').fadeOut("slow");
          });
          return false;
        });

Je teste avec un alert pour voir si tout vas bien.
Mon $(this).html me donne bien le contenu html du bloc sur lequel j'ai cliqué.
Cependant mon $('.EAN') a du mal.
Si je mets .text mon alert me donne [object Object] dans la fenêtre d'alerte et sur la page j'ai tous les EAN qui s'affiche à la suite.
Si je mets .html mon alert me donne également [object Object] dans la fenêtre d'alerte et sur la page j'ai mon EAN qui s'affiche.

Quelque part le code marche si je mets .html mais je ne comprends pas pourquoi il s'affiche dans la page au lieu de s'afficher dans fenêtre d'alerte.

Merci d'avance de vos lumières.

[Bovino]

Dans ton code, tu cibles toutes les balises de classe .EAN.

Code :

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

alert($(this).html($('.EAN', $(this)).text()));

ou

Code :

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

alert($(this).html($(this).find('.EAN').text()));

[Friksstyle]

Tout comme hier Bovino tu me sauves.
Cela à l'air de marcher.
Cependant je ne comprends pas pourquoi dans ma fenêtre d'alerte j'ai [object Object] à la place de l'EAN.
D'autant plus que je n'avais pas vu mais mon EAN s'affiche sur la page et remplace le div cliqué ...

As-tu une idée de ce qui provoque cela?

[Bovino]

D'autant plus que je n'avais pas vu mais mon EAN s'affiche sur la page et remplace le div cliqué ...

Ben c'est normal, c'est ce que tu demandes...
Lorsque tu passes un argument à .html(), cet argument est utilisé pour remplacer le contenu HTML de l'élément visé.
D'autre part, la méthode renvoie le contenu HTML injecté l'élément visé, c'est-à-dire un objet ce qui explique le contenu de tes alert().

[Friksstyle]

Ah mince.
Oui je comprends. Mais ce n'est pas ce que je cherche à faire.

En partant de ce que tu m'as donné j'ai pondu ceci qui me va à merveille:

Code :

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

1
2
 
alert($(this).find($('.EAN')).text());

Je te remercie de ton aide encore une fois.

[Bovino]

Code :

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

alert($(this).find('.EAN').text());

est suffisant