javascript - 使用动态 id 在动态 'div' 中附加动态 'div' s

Question

我创建了 110 个动态 div 和 11 个容器动态 div，110 个中的每个 10 个 div 我将它们放在一个容器动态 div 11 中，然后我将 11 的第一个 div 附加到具有“allEl”id 的 div，这是我的代码:

var index = 0;
var divContener; 
for (i = 0; i < 110; i++) {

                if (i % 9 == 0) {
                    index++;
                    alert(index);
                    divContener = $("<div> </div");
                    divContener.attr('id', 'd' + index);
                }

                $('#d' + index).append("<div  id='" + i + "'><a href=''><img src='" + smallImageArray[i] + "'/></a></div>");
                $('#' + i).append("</br> Rate);
            }
            document.getElementById("#allEl").innerHTML = $("#d" + 1);

              <div id="allEl">
                <h1 id="carsCategory">All Cars</h1>
             </div>

问题是容器 div 没有附加到具有“allEl”id 的 div，有什么问题？

Answer 1

试试这个:

<div id="allEl">
    <h1 id="carsCategory">All Cars</h1>
</div>
<script src="js/jquery.min.js"></script>
<script>
    var index = 0;
    var divContener;
    var allElem=$("#allEl");
    for (var i = 0; i < 110; i++) {
        if (i % 9 == 0) {
            index++;
            divContener = $("<div></div>");
            divContener.attr('id', 'd' + index);
            allElem.append(divContener);
        }
        $('#d' + index).append("<div  id='" + i + "'><a href=''><img src='" + smallImageArray[i] + "'/></a></div>");
        $('#' + i).append("</br> Rate");
    }
    allElem.append($("#d" + 1));
</script>

我希望这就是您想要实现的目标..