如何使用Jquery從“ li”的屬性中獲取價值？

Question

在這里，我試圖從li屬性獲取值，即使用Jquery在頁面加載中顯示在li中的id="@item1.TaskId" 。
但是，當頁面加載並執行jquery時，變量即taskId的值var taskId = $("ul").find("li").attr("id"); 未定義。

在ID下方的我的HTML由ID組成的li，即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>

Answer 1

jQuery .each應該在這里工作。

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

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