jQuery-Contenu de sous éléments
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:
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:
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.
