如何在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是保存数据数组的值），并允许您追加数据。