jquery - 使用文本框的属性之一设置文本框的值 (jQuery)

Question

我有一堆输入文本框，它们的属性 ORIGINAL 设置为其初始值，这样当用户更改文本框值时，jQuery 可以突出显示已更改的项目(通过将文本框的当前值与 ORIGINAL 进行比较)属性值)

我现在想做的是为用户提供一个按钮，他们可以单击该按钮根据每个文本框的 ORIGINAL 属性的值将所有文本框恢复为其原始值。

示例

$('input[type=text]').val($(this).attr('original'));

上面的方法不起作用，我不明白为什么。

Answer 1

使用each :

$('input:text').each(function() {
    $(this).val($(this).attr('original')); // or this.value = $(this).attr('original');
});

您不能使用单行，因为 $('input[type=text]').val() 将仅返回匹配集合中第一个元素的值。 $(this) 并不意味着您认为它在示例中的作用:

$('input[type=text]').val($(this).attr('original'));

它实际上指的是当前范围。当您使用 each 迭代集合时，jQuery 将调用它的回调并将迭代中的 current 元素指定为当前范围($(this) 或这个)。

顺便说一句，input:text 是 input[type=text] 的更漂亮、更简洁的表达方式。