爲每個元素賦予唯一的id並使用jquery訪問它們

Question

我試圖根據搜索的用戶輸入來打印實時輸出。所以即時嘗試將每個結果的標題添加到一定寬度和高度的div元素。我想限制每個div元素的條目爲8.因此，對於不同的搜索，要顯示的div數量會有所不同。 即時通訊使用下面的代碼，因爲#test不是唯一的，所有輸出標題將顯示在一個單獨的div而不是包含每個8個標題的div ..我想知道我們cn創建一個具有唯一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。

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>看起來很醜，你應該使用列表或定義列表。

的div的ID，你可以使用全局變量作爲計數器和concaternate與作爲

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

這樣的ID或者你可以添加一個類到div

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

，然後

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