jQuery：选择具有唯一 ID 的所有输入（正则表达式/通配符选择器）

Question

我的网络表单上有一些文本框，它们的 id 如下：

txtFinalDeadline_1
txtFinalDeadline_2
txtFinalDeadline_3
txtFinalDeadline_4

在我的 jQuery 中，我如何找到所有这些文本框以便为它们分配值。在我有下划线并且它们都被命名为 txtFinalDeadline 之前，我可以做到这一点并且它有效。

$(this).find("#txtFinalDeadline").val(formatDate);

然而，那时它们都被命名为同一个东西。现在我在名称后面有 _x，我不知道如何为它们分配与以前相同的值。

Answer 1

我不知道我是否可以保证“按顺序”，但是这个选择器应该可以工作：

$(this).find('input[id^=textFinalDeadline_]').val(formatDate);

即使这样，jQuery 也被优化为以特殊方式处理 id，并且可能只处理 1 个 id。

更好的方法是让这些文本字段使用一个类（可能是 date），这样您就可以只使用 '.date' 选择器。

Answer 2

有多种方法可以执行正则表达式或通配符选择：

使用 jQuery 选择器的内联通配符：

$('#textFinalDeadline_\\S*').val(formatDate);

更新： 我注意到自 jQuery 1.3 以来此方法不再有效。 2.

使用CSS3选择器：

$('input[id^=textFinalDeadline_]').val(formatDate);

使用.filter() & match()：

$('input').filter(function(){
  return this.id.match(/txtFinalDeadline_*/);
}).val(formatDate);

最后你可能想使用 正则表达式选择器。

$('input:regex(id, txtFinalDeadline_*)').val(formatDate);

Answer 3

子选择器对您有帮助吗？