Anfügen von Etiketten zu einem div dynamisch

Question

Ich habe ein leeres div,

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

Und ich habe eine Liste, wo ich Namen haben in diesem leeren div.How angezeigt, wie Etiketten, um die Liste anzuzeigen dynamisch als Thumbnail im leeren div mit jquery?

Answer 1

Es hängt davon ab, wie Ihre Liste gespeichert ist. Ist es in einem grundlegenden Array?

Sie zum Div anhängen können wie:

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

wenn Sie eine Reihe von Dingen:

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"]; 

mit Jquery jeder und Anfügen Funktion Sie können hinzufügen dynamische Inhalte zum div.

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