动态地将标签附加到div

Question

我有一个空div，

<div id="display">
</div>

我有一个列表，我的名字在这个空div中显示为标签。如何使用jquery在空div中动态显示列表作为缩略图？

Answer 1

这取决于您的列表的存储方式。它是基本数组吗？

你可以附加到Div：

$('#display').append('<label>Some Text</label>');

如果你有一系列的东西：

myArray = array('a','b','c');

$.each(myArray, function(k,v){
    $('#display').append('<label>'+v+'</label>');
});

Answer 2

var list = ["monday", "tuesday", "wednesday", "thursday", "Friday", "saturday", "Sunday"];

使用jquery 每个和附加功能，您可以向div添加动态内容。

$(list).each ( function (i,elem) {  
$('#display').append ('<div style="border:1px solid red; height:100px; width:100px; float:left" > ' + elem+ ' </div>')});