我可以在循环语句中使用此编码

时间:2012-07-10 19:28:10

标签: javascript jquery

我有这样的代码

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

我可以在使用script或jquery的任何循环语句中使用此编码。

4 个答案:

答案 0 :(得分:2)

是。使用HTML模板。

尝试JQuery Tmpl

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

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

以下是小提琴的样子

http://jsfiddle.net/YYfmu/

答案 1 :(得分:1)

是的,您可以通过这种方式遍历div:

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

答案 2 :(得分:1)

working jsFiddle

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

或使用hr循环

答案 3 :(得分:0)

我找到了答案。

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;">')
}