asp.net-mvc - Asp.net mvc & 如何将 jquery 函数应用于动态控件

Question

有点难过，这适用于第一个控件，但我如何将其应用于其余控件（列表）

 $(function () {
        $("#spinner").spinner({
            step: 0.01,
            numberFormat: "n"
        });


    });
@foreach (var item in Model)
{<input id="spinner"  value="@item.Price" name="price_@item.Id"/>}

Answer 1

使用CSS classanID是唯一的并且只会选择 1 个元素，一个类可以应用于多个元素：

$(function () {
    $(".spinner").spinner({
        step: 0.01,
        numberFormat: "n"
    });
});


@foreach (var item in Model)
{
   <input class="spinner"  value="@item.Price" name="price_@item.Id"/>
}

Answer 2

尝试为输入提供一个类，然后设置您的 jQuery 选择器以使用该类。

IE。

$(".spinner").spinner({
 ...
});

<input class="spinner" ... />

Answer 3

好吧，我认为您的问题是您的代码创建了具有相同 ID 的多个输入。

ID 应该是唯一的。否则，您将无法使用 Jquery 选择它们。

改用一个类。

Answer 4

请注意重复的 html ID，因为在您的示例中，您的所有输入元素都将具有相同的 ID。这违反了HTML 4 规范和HTML 5 规范。像使用名称一样分配唯一 ID，或者根本不分配 ID。

如前所述，为每个输入元素分配一个类并通过类选择器进行选择：例如

$(".spinner").spinner({....});