如何使用 Jquery 从“li”的属性中获取值？答案

【问题标题】：How To Get Value From Attribute Of " li " Using Jquery?如何使用 Jquery 从“li”的属性中获取值？
【发布时间】：2017-08-21 14:38:13
【问题描述】：

在这里，我试图从 li 属性中获取值，即 id="@item1.TaskId" 在使用 Jquery 加载页面时出现在 li 中。
但是，当页面加载并执行 jquery 时，变量中的值即 taskId var taskId = $("ul").find("li").attr("id"); 未定义。

下面 id 我的 Html 由 li 和 id 组成，即 id="@item1.TaskId 作为属性

<div class="col-md-6" style="font-family:'Century Gothic'">
<div class="panel panel-default " id="@ViewBag.statusIdForTask" sId="@ViewBag.statusName">
    <div class="panel-heading" style="text-align:center; font-size:16px;font-family:'Century Gothic'">@ViewBag.statusName</div>
    <div class="panel-body">
        <ul class="ui-sortable tasklistdiv sorttaskDP receive">
            @foreach (var item1 in Model)
            {
             <li class="ui-sortable-handle panel-style bs-callout bs-callout-default receivepanel" id="@item1.TaskId" taskid="@item1.TskAssId" style="font-size:14px;text-align:justify; @styleClass">
            }
            </ul>
        </div>
    </div>
</div>

下面是我的 Jquery

<script>
$(document).ready(function () {

    var taskId = $("ul").find("li").attr("id");
});
</script>

【问题讨论】：

你可能会找到其他的<ul>。
你在哪里读取 taskId 的值？它是在 var taskId 行之后还是在其他代码块中？
将您的信息复制到 html 后，打印属性的硬编码值可以正常工作。您的模型中有数据吗？您是否检查了元素的 id 属性的渲染 html 是否正确定义？
页面上是否有没有id的li？
$("ul li[id]") 将查找所有具有id 属性的li 进行处理。

标签： javascript jquery html css asp.net-mvc

【解决方案1】：

jquery .each 应该在这里工作。

<script>
    $(document).ready(function () {

        var taskId = $("ul").find("li").each(function(){
             var id = this.id;
         });
    });
    </script>

【讨论】：