добавить динамический динамический div div с использованием динамического id

Question

Я создаю 110 динамических div и 11 контейнерных динамических div, каждый 10 div из 110 Я помещаю их в один контейнерный динамический div 11, а затем добавляю первый div из 11 в 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 не добавляет к 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> 

Я надеюсь, что это то, что вы пытаетесь достичь ..