javascript - 1つのリストアイテムjquery mvc 4からすべてのデータを取得

Question

1行をクリックして、データベースに投稿するためのIDと、ユーザーの表示する名前を取得したいと思います。

このコードでは、対応する<li>(data-id または data-name) をクリックしてその値を取得する必要があります。から両方を取得する方法は<li>? たぶん、隠しフィールド？

  $(".ITA").on("click", "li", function () {
    var div = $("#AddedItems");
    var itemtoadd = $(this).attr("data-id");
    var name = $(this).attr("data-name");
    alert(itemtoadd + name);
    var itemtoadd = ("<li class = " + itemtoadd + ">"+ name +"</li>");
    alert(itemtoadd);
    $(itemtoadd).appendTo(div);
   // div.html(itemtoadd);


});

意見

@foreach (var item in Model)
{ 
<ul>
    <li data-id = "@item.ID">
        @Html.DisplayFor(modelItem => item.ID)
    </li>
     <li data-name="@item.item_name">
        @Html.DisplayFor(modelItem => item.item_name)
    </li>
    <li>
        @Html.DisplayFor(modelItem => item.item_description)
    </li>
</ul>
}

Answer 1

試す：

$(".ITA").on("click", "li", function () {
    var div = $("#AddedItems");
    //Get the nearest parent
    var parent = $(this).closest("ul");
    //From the parent, access both li
    var itemtoadd = parent.find("[data-id]").attr("data-id");
    var name = parent.find("[data-name]").attr("data-name");
    alert(itemtoadd + name);
    var itemtoadd = ("<li class = " + itemtoadd + ">"+ name +"</li>");
    alert(itemtoadd);
    $(itemtoadd).appendTo(div);
   // div.html(itemtoadd);


});

デモ