如何使用<a> tag?</a>添加li

Question

我有这样的代码

<div id="content">
 <ul>
</ul>
</div>

我想使用jQuery根据服务响应添加li。

在我的js中，我正在做以下

function(response){
 for(var i=0;i<response.length;i++) {
   var url =response[i].href;
   var label=response[i].title;
   $("#content ul").append('<li><a href="#"><span class="tab">Test</span></a></li>');
 }}

我可以看到测试三次为li，所以追加工作正常，但我想在上面提供url和label作为锚标记元素。 因此，我应该看到标签值而不是测试，而对于href，它应该指向从响应中检索到的url值。

此外，在输入此方法时，我需要删除附加到$的所有先前的li（＆＃39; #content ul＆＃39;） 任何指针？

由于

Answer 1

这应该适合你

function(response){
    $('#content ul').empty();
    for(var i = 0; i < response.length; i++) {
        var url =response[i].href;
        var label=response[i].title;
        $('#content ul').append('<li><a href="' + response[i].href + '"><span class="tab">' + response[i].title + '</span></a></li>');
    }
}