局部視圖中 div 上的 jQuery.each 總是返回 1

Question

在我的 MVC 索引頁面中，對於視圖模型中的每個元素，它通過局部視圖呈現。

然后我需要在這些部分視圖中的每一個上運行一個小腳本，並嘗試使用jQuery.Each()但是，我似乎無法讓它迭代，因為$get總是返回 1，而不是元素的實際數量$get 。

索引.cshtml

@model IEnumerable<ViewModels.DummyVM>

@{
    ViewBag.Title = "index";
}

<h2>index</h2>

<div>
    @for (int i = 1; i <= 10; i++)
    {
        @Html.Partial("pv", i);
    }
</div>



@section Scripts
{
    <script type="text/javascript">
        $(function () {
            alert($("#LogEntry").length);
        })
    </script>
}

.cshtml

@model int

<div id="LogEntry">
    Log Entry : @(Model)
</div>

對於上面的簡化測試，一旦頁面具有.ready()然后迭代並轉儲到控制台，但我只得到Log Entry : 0

Answer 1

id在同一個文檔使用類中應該是唯一的：

@model int

<div class="LogEntry">
    Log Entry : @(Model)
</div>

然后使用類選擇器. 在您的 JS 代碼中：

$(function () {
   alert($(".LogEntry").length);
})

如果您無法編輯PV.cshtml頁面，您可以使用：

$(function () {
   alert($("[id='LogEntry']").length);
})

希望這可以幫助。