Little JQuery Interaktion - jquery, Funktion, das

<li class="application">
<img class="iconapp" ..../>
<p>
<span class="spancat">....</span>
<span class="prix>....</span>
<span class="description">....</span>

<span class="panier">
<img .../>
</span>
</p>
</li>

Also versuche ich das, wenn ich auf "klicke".panier ", es setzt den Wert des Alt-Attributs der" .iconapp "in einem neuen div. Ich habe eine harte Zeit, da ich 10 <li> wie den obigen habe, und wenn ich auf irgendeinen klicke". Panier "von jedem <li>, ich bekomme immer das att des .icon das ist in der ersten <li> (in der Warnung).

Das ist mein JQuery-Code:

$(function ()    {
$(".panier").click(function ()
{
var nom = $(".iconeapp").attr("alt");
alert(nom);
$("#divcat").append("<div id="appspanier">HOLLA</div>");
})
})

Hoffentlich kannst du mir helfen.

Vielen Dank!

Antworten:

Wenn Sie verwenden $(".iconapp") es wählt alle Elemente mit dieser Klasse aus, und dann die .attr() Methode greift ein Attribut von der ersten (wie Sie gesehen haben). Um das angeklickte Element auf die zu beziehen .iconapp innerhalb derselben li erster Start von this (das angeklickte Element) und navigieren Sie durch das DOM zum .closest("li") und dann in diesem li .find() es ist .iconapp:

$(function ()    {
$(".panier").click(function ()
{
var nom = $(this).closest("li").find(".iconapp").attr("alt");
alert(nom);
$("#divcat").append("<div id="appspanier">HOLLA</div>");
});
});