在div內創建相同類型的兩個標籤

Question

我面臨一個小問題，但無法解決問題。我嘗試過，但無法做出任何解決方案。我想使用JQuery在div中創建兩個標籤，但不能。我給我下面的代碼，還有它的輸出和我想要的輸出。謝謝。

HTML：

<ul id="tagCloud"> 
     <li id="tagcloud_li1">Item1</li> 
     <li id="tagcloud_li">Item2</li> 
    </ul> 
    <div id="vis"> 
    </div> 

CSS：

#tagCloud li{ 
      display:none; 
     } 

的JavaScript：

 $(function() { 
       var liArray = document.getElementsByTagName('li'); 
       var list_item = []; 
       for(var i=0; i < liArray.length ;i++){ 
        list_item.push($(liArray[i]).text()); 
        var get_item_value = ($(liArray[i]).text()); 
         $('#vis').find('.set_texts').wrapInner('<text>'); 

       } 

       }); 

這段代碼顯示輸出：

 <div id="vis"> 
      <text> 
       <text></text>  //text within text 
      </text> 
    </div 

但我希望得到這個輸出：

 <div id="vis"> 
      <text></text> 
      <text></text>  //text after text 
    </div> 

我可怎麼辦呢？

Answer 1

您可以使用.each()遍歷列表項與.append()沿：

$('#tagCloud li').each(function() { 
    $('#vis').append('<text></text>'); 
}); 

Fiddle Demo

Answer 2

可以嘗試.html()，.append()

使用HTML（）當你想更換總的#vis

使用HTML .append（）當您要添加新的部分與前一個

更多的看到自己的參考鏈接

$('#vis').html('<text></text><text></text>'); 

$('#vis').append('<text></text><text></text>'); 

Answer 3

$(function() { 
       var liArray = document.getElementsByTagName('li'); 
       var list_item = []; 
       for(var i=0; i < liArray.length ;i++){ 
        $text = $("<text>"); 
        $text.text($(liArray[i]).text()); 
        list_item.push($text); 
        list_item.forEach(function(ele) { 
        $("#vis").append(ele); 
        }) 
       } 
       }); 

工作Demo

Answer 4

for(var i = 0 ; i< count; ++i) 
    $("#vis").append("<text></text>");