jquery：如何在每个输入中使用data-val-length-max值设置maxlength值？

Question

我有一个表格，我想在jquery中将data-val-length-max属性设置为MAXLENGTH属性。

我有下一个输入：

 <input type="text" id="name" data-val-length-max="20">
 <input type="text" id="lastname" data-val-length-max="10">

当页面加载时我需要执行该操作。我正在执行下一个jquery：

$("input").attr("maxlength", $("input").attr("data-val-length-max"));

和maxlength被设置为第一个输入的值....在这种情况下（名称maxlength）。

如何使用自己的data-val-length-max值执行每个输入集maxlength？

Answer 1

jQuery＆＃39; attr()只从documentation

获取集合中第一个元素的属性

  

获取匹配元素集中第一个元素的属性值

如果要更改集合中所有元素的属性，则必须进行迭代，这样做的好方法是在attr()中使用回调

$("input").attr("maxlength", function() {
    return  $(this).attr("data-val-length-max");
});