0

検索のためのユーザー入力に基づいてリアルタイム出力を印刷しようとしています。そのため、各結果のタイトルを特定の幅と高さの div 要素に追加しようとしています。各 div 要素のエントリを 8 に制限したいので、異なる検索では、表示される div の数が異なります。#test は一意ではないため、以下のコードを使用しています。すべての出力タイトルは、それぞれ 8 つのタイトルを含む div ではなく、単一の div に表示されます。一意の ID を持つ div を作成し、jquery 関数を使用する方法を知りたいです。これらの一意の div にタイトルを追加するにはどうすればよいですか?

for(var count5=0;count5

{ $(".panel1").append('<div id="test"  style="width:200px; height:120px; background-color:#000000; float:left; margin-left:10px; margin-top:10px; color:#ffffff;"></div>');

    for(count4=num; count4<num1; ++count4)
    {   
             $("#test").append(prsnArray[count4].term + '<br>');
    }
num=num+8
num1=num1+8}
4

2 に答える 2

0

個人配列の用語をid'test'（本来は一意ではない）のdivに追加する代わりに、新しく作成されたdivにそれらを追加します。

 var $newDiv = $('<div style="width:200px; height:120px; background-color:#000000; float:left; margin-left:10px; margin-top:10px; color:#ffffff;"></div>') ; 
 $(".panel1").append($newDiv);

 for(count4=num; count4<num1; ++count4){   
    $newDiv.append(prsnArray[count4].term + '<br>');
 }
于 2012-04-09T11:16:06.360 に答える
0

最初に、マークアップを修正してください。<br>見苦しいようですが、リストまたは定義リストを使用する必要があります。

divのIDの場合、グローバル変数をカウンターとして使用し、次のようなIDと連結することができます。

myvar++;
$('#test'+myvar).doSth(...)

または、divにクラスを追加することもできます

<div id="test1" class="mydivs"> ... </div>

その後

var newid = $('.mydivs').length + 1;
while($('#test'+newid).length > 0){newid++;}
于 2012-04-09T11:17:48.900 に答える