ID を持つ div が 1 つあり、その中に 4 つの div を実装し、それぞれに 5 つの div を実装したいと考えています。私が取り組んだコードは以下です
$( document ).ready(function() {
for(i=0;i<4;i++){
j=i+1;
document.getElementById("king").innerHTML += "<div id='level"+" "+"level--"+j+"'"+"></div>";
var mainClass = "level--"+j;
for(k=0;k<5;k++){
console.log(mainClass);
document.getElementById(mainClass).innerHTML += "<div></div>";
}
}
});
ところで、各 div は異なる ID を持っているので、その ID に対応して div を実装したいので、mainClass 変数を使用しました。
これへのプランカーはhttps://plnkr.co/edit/mbcRhnMLsCXDnLhndVQB?p=catalogueです。
$(document).ready(function() {
for (var i = 0; i < 4; i++) {
id = "level--" + (i + 1);
$("#king").append("<div id='" + id + "'>"+id+"</div>");
var $mainclass = $("#" + id);
for (var k = 0; k < 5; k++) {
$mainclass.append("<div>"+k+"</div>");
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="king"></div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加