各要素に一意のIDを与え、jqueryを使用してそれらにアクセスします

Question

検索用のユーザー入力に基づいてリアルタイム出力を印刷しようとしています。だから、特定の幅と高さのdiv要素に各結果のタイトルを追加しようとしています。私は各div要素のエントリを8に制限したいので、異なる検索のために、表示されるdivの数は変わります。 #testは一意ではないので、以下のコードを使用しています。各タイトルは8つのタイトルを含むdivの代わりに1つの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} 

Answer 1

の代わりに（それがあるべきようで一意ではありません）、ID「試験」での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>'); 
} 

Answer 2

あなたのマークアップを修正してください！ <br>醜いように見えるリストや定義リストを使用する必要があります。あなたは、このような、その後

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

またはあなたはdivの

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

にクラスを追加することができますし、などのIDを持つことをカウンタとconcaternateとしてグローバル変数を使用することができますのdivのidの

var newid = $('.mydivs').length + 1; 
while($('#test'+newid).length > 0){newid++;}