Question

我有一个数组，我希望创建具有数组值的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。请给出建议。

Answer 1

假设您的标记中已有ul：

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

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

非常值得您花一两个小时到read through the jQuery API documentation的时间。这真的只需要很长时间，而且你会在短短的几天内节省很多时间，之后它就会全部获利。

Answer 2

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

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
} );

参考文献：

Answer 3

<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);
});

Demo

如何在jquery中使用span标签制作动态li标签？

3 个答案: