Javascript 在一个div中创建相同类型的两个标记

Javascript 在一个div中创建相同类型的两个标记,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我面临一个小问题,但解决不了。我试过了,但没办法解决。我想使用JQuery在一个div中创建两个标记,但不能。我在下面给出了我的代码,以及它的输出和我想要的输出。多谢各位 HTML: <ul id="tagCloud"> <li id="tagcloud_li1">Item1</li> <li id="tagcloud_li">Item2</li> </ul> <

我面临一个小问题,但解决不了。我试过了,但没办法解决。我想使用JQuery在一个div中创建两个标记,但不能。我在下面给出了我的代码,以及它的输出和我想要的输出。多谢各位

HTML:

    <ul id="tagCloud">
        <li id="tagcloud_li1">Item1</li>
        <li id="tagcloud_li">Item2</li>
    </ul>
    <div id="vis">
    </div>
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>');

                }

              });
$(函数(){
var liArray=document.getElementsByTagName('li');
var列表_项=[];
对于(var i=0;i
此代码显示输出:

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

//文本中的文本
您可以使用一起循环浏览列表项:

$('#tagCloud li').each(function() {
    $('#vis').append('<text></text>');
});
$('#tagCloud li')。每个(函数(){
$('#vis')。附加('');
});

可以尝试

如果要完全替换
#vis

如果要在上一节的基础上添加新节,请使用.append()

有关更多信息,请参阅他们的参考链接

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

$('#vis').append('<text></text><text></text>');
$('#vis').html('');
$('#vis')。附加('');
$(函数(){
var liArray=document.getElementsByTagName('li');
var列表_项=[];
对于(var i=0;i
为(变量i=0;i
试试这样的
$('#vis')。查找('.set_text')。追加($('')
感谢兄弟的工作:)在这段代码中有一个循环。此循环取决于“li”的数量。我想根据“li”的数量创建多个;然后用这个也许对你不合适,但它确实解决了他的问题。
$('#tagCloud li').each(function() {
    $('#vis').append('<text></text>');
});
$('#vis').html('<text></text><text></text>');

$('#vis').append('<text></text><text></text>');
$(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);
                  })
                }
              });
for(var i = 0 ; i< count; ++i)
  $("#vis").append("<text></text>");