0

私はこのようなコードを持っています

<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を使用して、このコーディングを任意のループステートメントで使用できますか？

4

4 に答える 4

2

はい。HTMLテンプレートを使用します。

JQueryTmplをお試しください

KnockoutJSは、Webサイトでテンプレートについて詳しく説明しています。

このSOの回答では、テンプレートとその使用方法についても説明しています。

これがフィドルでどのように見えるかです

http://jsfiddle.net/YYfmu/

于 2012-07-10T19:39:08.727 に答える
1

はい、たとえば次のようにdivをループできます。

for(var i = 0; i < 5; i++)
    $("#div"+i).some_method();
于 2012-07-10T19:33:53.690 に答える
1

作業中のjsFiddle

div hrdivに何かがある場合は、を使用してループできます

またはhrループに使用

于 2012-07-10T19:34:54.627 に答える
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;">')
}
于 2012-07-10T19:49:59.667 に答える