Jquery append string from array

Question

У меня есть теги массива = ['str1', 'str2'];

И что мне нужно это реализовать эти теги к уль по этому шаблону -

<li><span>str1</span></li> 
<li><span>str2</span></li> 

В первый я только этот тег:

<ul id="tags"> 

</ul> 

Как я могу сделать это на JQuery?

Отредактировано: СРЮ Я модифицирована вопрос плз проверить прямо сейчас

Answer 1

Для создания всего содержимого списка, попробуйте ::

var tags = ['str1', 'str2']; 
var lis = $.map(tags, function(element, index) { 
    return $("<li />").append($("<span></span>").text(element)); 
}); 
$("#tags").append(lis); 

См.: http://jsfiddle.net/SYQpa/1/

Answer 2

Попробуйте как

var i = 0; 
var my_arr = ['str1','str2']; 
$(my_arr).each(function(){ 
    $('#tags').append('<li><span>' + this + '</li></span>'); 
}); 

Смотрите эту

Answer 3

Существует так много способов достичь этого, однако использование documentFragment позволит избежать многократных перекомпоновков DOM.

var $frag = $(document.createDocumentFragment()); 

$.each(tags, function (index, text) { 
    $frag.append($('<li><span>' + text + '</span></li>')); 
}); 

$('#tags').append($frag); 

Answer 4

var tags = ['str1', 'str2']; 

$(tags).each(function)({ 
$("#tags").append('<li><span>str1</span></li><li><span>'+this+'</span></li>'); 
});