Javascript 如何在jquery中使用span标记生成动态li标记？_Javascript_Jquery

Javascript 如何在jquery中使用span标记生成动态li标记？

javascript jquery

Javascript 如何在jquery中使用span标记生成动态li标记？,javascript,jquery,Javascript,Jquery,我有一个数组，我想用数组的值创建li标记，就像这个例子一样 <ul> <li>amit</li> <li>amit</li> <li>amit</li> <li>amit</li> </

我有一个数组，我想用数组的值创建li标记，就像这个例子一样

<ul>
<li><span>amit</span></li>
<li><span>amit</span></li>
<li><span>amit</span></li>
<li><span>amit</span></li>
</ul>


阿米特
阿米特
阿米特
阿米特

我想要这个jquery。我不知道更多关于jquery的知识。请提出建议

假设标记中已经有

ul

：

var ul = $("selector for the ul goes here");
ul.append("<li><span>amit</span></li>");

var ul=$（“ul的选择器在这里”）；
ul.附加（“amit”）；

（必要时重复第二行。）

花一两个小时去看电影是值得的。它实际上只需要这么长的时间，而且在短短几天内就可以节省这么多时间，之后就可以盈利了。

您要做的是迭代数组，并为每个元素添加一个新的

：

var ul_container = $( "#the_ul" );
var items = [ "amit", "yosi", "daniel" ];
$.each( items, function( item ) { // iterate over the array
  $( "li", { // create a new element
    "text": item // define it's text attribute
  } ).appendTo( ul_container ); // append it to the container
} );

参考资料：



$（文档）.ready（函数（e）{
var ar=新数组（“a”、“b”、“c”、“d”、“e”、“f”）；
var list=“”；
对于（变量i=0；i'；
}
$（'.mylist'）.html（列表）；
});

（根据需要重复第二行）。

是否每次迭代都将元素追加到dom中会导致性能下降？@RajaprabhuAravindasamy:对于五项，否。对于10000项，是。@谢谢Amit Kumar。但是我的文件是xsl文件，所以我不能使用。我没有告诉您“我不能使用”。您想说什么。for loop use

<ul class="mylist">

</ul>

$(document).ready(function(e){
    var ar=new Array("a","b","c","d","e","f");

       var list="";
     for (var i = 0; i < ar.length; i++) {
        list += '<li><span>' + ar[i] + '</span></li>';
    }
       $('.mylist').html(list);
});