jquery - 少しの JQuery インタラクション

Question

これは10個のうちの1つです

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

「.panier」をクリックすると、「.iconapp」の alt 属性の値が新しい div に入れられるようにしています。上記のように <li> が 10 個あるので苦労しており、任意の <li> の「.panier」をクリックすると、最初の <li> にある .icon の att が常に取得されます。 li> (アラート)。

これは私のJQueryコードです:

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

うまくいけば、あなたは私を助けることができるでしょう.

ありがとう！

Answer 1

使用する$(".iconapp")と、そのクラスを持つすべての要素が選択され、.attr()メソッドは最初の要素から属性を取得します (ご覧のとおり)。.iconappクリックされた項目を同じli最初の開始点(クリックされた項目) 内に関連付けるにはthis、DOM を上に移動して に移動し、その.closest("li")内で次のようにします。.find().iconapp

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