Question

我是网络编程的新手。实际上我想要创建一个列表，我必须动态地向无序列表中添加元素。我动态地在列表中添加了元素，但我必须将标记锚定到每个列表项。请帮助我

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

请尝试使用上面的代码段。如果您想根据字段的值设置网址，请与我们联系。

Answer 2

使用jQuery，您可以执行以下快速编写的操作。使用jQuery内置的each() function，它可以遍历一个对象或一个数组，而无需建立一个四循环

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是保存数据数组的值）并允许您附加数据。

如何在jquery中将Html元素添加到动态列表中

2 个答案: