javascript - 如何为多个id动态分配数字？

Question

这似乎是很长的路要走，是否可以为 id 动态分配数字？

$(function () {
    $('#Button1').click(function(){
        $('#RegularExpressionValidator1, #RegularExpressionValidator2, #RequiredFieldValidator1, #RequiredFieldValidator2, #RequiredFieldValidator3, #RequiredFieldValidator4, #RequiredFieldValidator5, #RequiredFieldValidator6, #RequiredFieldValidator7, #RequiredFieldValidator8, #RequiredFieldValidator9').css("display", "block");
    });
}); 

这些是我无权访问的 .NET 生成的 ID。

Answer 1

您可以使用“以”选择器开头的属性：

$("[id^='RegularExpressionValidator']").css("display", "block");

来自 jQuery 文档：

此选择器可用于识别由服务器端框架生成的页面中的元素，这些框架生成具有系统元素 ID 的 HTML。但是，它会比使用类选择器慢，因此如果可以的话，可以利用类来对类似元素进行分组。

Answer 2

查看以选择器开头的属性。使用它，您可以简单地执行以下操作：

$(function () {
    $('#Button1').click(function(){
        $('[id^="RegularExpressionValidator"], [id^="RequiredFieldValidator"]').css("display", "block");
    });
}); 

这将选择 ID 以 开头的所有元素RegularExpressionValidator。您可能需要指定元素类型，以及要查看的容器以选择更少的元素。

您可能还想使用$.show()而不是$.css()：

$('[id^="RegularExpressionValidator"], [id^="RequiredFieldValidator"]').show();

Answer 3

尝试

$(function () {
    $('#Button1').click(function(){
        $('[id^="RegularExpressionValidator"], [id^="RequiredFieldValidator"]').css("display", "block");
    });
});