如何在jQuery中將HTML元素添加到動態列表

Question

我是Web編程的新手，實際上我想創建一個列表，因為我必須動態地將元素添加到無序列表中。我動態地在列表中添加了元素，但是我必須將標記錨定到每個列表項。請幫助我

HTML：

<div data-role="main" class="ui-content">        
    <input type="button" id="btnid" onclick="getData()"/>
    <p id="p1">
        Insert Content Here working
    </p>
    <ul data-role="listview" data-inset="true" id="ulist"  title="nodes list" data-inset="true">                        
    </ul>
</div>

JavaScript的：

for (var i = 0; i < jsonData.Element.length; i++) {
    var counter = jsonData.Element[i];
    //console.log(counter.counter_name);
    var newelement=$("<li>"+counter.nodeName+" "+counter.activeCount+" "+counter.inactiveCount+"</li>");                    
    newelement.appendTo("#ulist");                  
    //  alert(counter.nodeName);            
}

Answer 1

試試這個。

$("<li><a href='#'>"+counter.nodeName+" "+counter.activeCount+" "+counter.inactiveCount+"</a></li>").appendTo("#ulist");

請嘗試使用上面的代碼段。 讓我知道您是否要根據字段的值設置URL。

Answer 2

使用jQuery，您可以執行類似以下操作的操作，我在此處快速編寫了以下操作。 使用jQuery內置的each()函數可遍歷對象或數組，而無需建立四循環

var list = $('#ulist'),
    urls = new Array('one.html', 'two.html', 'three.html', 'four.html'),
    i = 0;
jsonData.each(function(k,v) {

    var node = v;
    list.append("<li><a href='"+urls[i]+"' title='"+node.nodeName.+"'>"+node.nodeName+" "+node.activeCount+" "+node.inactiveCount+"</a></li>");
    i++;

});

這將遍歷數組，為您提供鍵和值（ v是保存數據數組的值），並允許您追加數據。