javascript - 我可以在循环语句中使用这个编码吗

Question

我有这样的代码

<div id="div1"></div>
<hr id="line1" color="#0f0" size="2" width="50px">
<div id="div2" ></div><br>
<hr id="line2" color="#0f0" size="2" width="50px" style="display:none;" >
<div id="div3" ></div><br>
<hr id="line3" color="#0f0" size="2" width="3.5%" style="display:none;" >
<div id="div4" ></div><br>
<hr id="line4" color="#0f0" size="2" width="3.5%" style="display:none;" >
<div id="div5" ></div><br>
<hr id="line5" color="#0f0" size="2" width="3.5%" style="display:none;">

我可以在使用脚本或 jquery 的任何循环语句中使用此编码吗？

Answer 1

是的。使用 HTML 模板。

试试JQuery Tmpl

KnockoutJS在他们的网站上详细讨论了模板。

这个 SO answer还提到了模板和几种使用它们的方法。

这是它在小提琴中的样子

http://jsfiddle.net/YYfmu/

Answer 2

是的，您可以通过这种方式循环遍历 div：

for(var i = 0; i < 5; i++)
    $("#div"+i).some_method();

Answer 3

工作的jsFiddle

div hr如果你在 div 中有任何东西，你可以循环使用

或使用hr循环

Answer 4

我找到了答案。

for(var i =1; i<= 5; i++)
{
$('#target').append('<div id="div'+ i +'" </div><br>')
$('#target').append('<hr id=line'+i+'" color="#0f0" size="2" width="50px" style="display:none;">')
}