Как сгущать кучу div с разными идентификаторами?

Question

Мне любопытно, как создать, как 5 divs, и каждый id отличается от этого, зацикливая их внутри вручную, набрав их все.

<div id="div1"></div> 
<div id="div2"></div> 
<div id="div3"></div> 
<div id="div4"></div> 
<div id="div5"></div> 

Я полагаю, вы бы создать цикл, но я не знаю, что поставить в HTML, чтобы поставить счетчик на имя идентификатора.

Answer 1

Да - вы можете использовать for цикл:

@for(var i = 1; i < 6;i++){ 
    <div id="@("div" + i)"></div> 
} 

внесены поправки с учетом префикса «сНу» в ИО.

Answer 2

Вам нужно знать, где в общем HTML-файле вы хотите разместить эти элементы div, прежде чем беспокоиться о коде, который автоматически поместит их там. Если вы просто хотите добавить их, вы можете использовать функцию document.write(). Если вы хотите, чтобы они находились внутри какого-либо другого элемента, такого как элемент формы, тогда все становится немного сложнее.

Вот некоторые JavaScript код, показывающий несколько возможностей (JavaScript будет называться с помощью «OnLoad» обработчик событий для элемента тела документа):

var frm, dv, indx, str, txt; 
frm = document.getElementById("FormId"); //obviously the form element needs an id 
for(indx=1; indx<6; indx++) 
{ str = "div" + indx; 
    dv = document.createElement("div"); 
    dv.id = str; 
//If the div should contain some text, then you also need lines like these two: 
    txt = document.createTextNode("Here is some text for " + str); 
    dv.appendChild(txt); 

    frm.appendChild(dv); //ok, now insert the div into the form 
//Another alternative involves yet another function: 
    document.body.insertBefore(dv, frm); //PRECEDE the form element with the div 
//Finally, as originally mentioned: 
    document.write(dv); //append the div at the end of the document 
} 

Answer 3

Или в PHP:

for($i = 0; $i < 5; $i++) { 
    print("<div id='div$i'> </div>"); 
}