使用动态ID

时间:2015-06-15 16:12:47

标签: javascript jquery html css

我创建了110个动态div,以及11个容器动态div,每个10个div的110我把它们放在一个容器动态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, 有什么问题?

1 个答案:

答案 0 :(得分:0)

试试这个:

<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>

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