Question

我想点击一行并获取用于发布到数据库的ID以及用户的dsiplay名称。

使用此代码，我必须单击相应的<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);


});

DEMO

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

1 个答案: