forループによって、inputのidを規則的に名付けたいです。
id=info_row_1~3の子要素に計6つのinputがあり、これらのidを規則的につけたいです。
forループの入れ子にして1つずつidを付け直したいのですが、jQueryを使ったnth-childの呼び出しが上手くいってないのか
エラーが出てしまいます。
JavaScriptにしてもいいのですが、出来ればすっきりと書きたいです。
どうやって子要素を指定してidを書き換えたらいいのでしょうか。
html
1 <script> 2 function rowcreate(){ 3 var amount = parseInt(document.getElementById("foo").childElementCount); 4 for ( var j = 1; j <= amount; j++){ 5 $("#machine_info div:nth-child(j)").attr("id", "info_row_" + j ); 6 for ( var k = 1; k <= 2; k++){ 7 $("#info_row_ + j input:nth-child(k)").attr("id", "data" + k + "_" + j); 8 }; 9 }; 10 11 } 12 13 </script> 14 15 <form> 16 17 <input type="button" onclick="rowcreate()" value="GET"> 18 <div id="foo"> 19 <div id="info_row_1"> 20 <input type="text"> 21 <input type="text"> 22 </div> 23 <div id="info_row_2"> 24 <input type="text"> 25 <input type="text"> 26 </div> 27 <div id="info_row_3"> 28 <input type="text"> 29 <input type="text"> 30 </div> 31 </div> 32 </form>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/12/19 08:58
2019/12/19 09:20