javascript - 从一个列表项jquery mvc 4中获取所有数据

Question

我想单击一行并获取发布到数据库的 id 和用户 dsiplay 的名称。

使用此代码，我必须单击相应的<li>（数据 ID 或数据名称）以获取该值。如何从 a 中获得两者<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);


});

演示