0

我试图根据用户输入打印实时输出以进行搜索。所以我试图将每个结果的标题添加到某个宽度和高度的 div 元素中。我想将每个 div 元素的条目限制为 8。因此对于不同的搜索，要显示的 div 的数量会有所不同。我使用下面的代码，因为#test 不是唯一的，所以所有输出标题都将显示在一个 div 中，而不是每个包含 8 个标题的 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 回答