jquery：各入力でdata-val-length-max値でmaxlength値を設定するにはどうすればよいですか？

Question

jqueryのMAXLENGTH属性にdata-val-length-max属性を設定するフォームがあります。

は、私は次の入力を持っている：

<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）で....最初の入力の値として設定されています。

各入力セットのmaxlengthを自分のdata-val-length-max値でどのように行うことができますか？

Answer 1

jQueryのattr()しかマッチした要素の集合内の最初の要素

の属性 の値を取得しますdocumentation

から、コレクション内の最初の要素の属性を取得します

コレクション内のすべての要素の属性を変更する場合は、反復処理を行う必要があります。そのためには、コールバックを使用するのがよいでしょう。attr()

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