使用jQuery动态创建无序列表

Question

如何使用jQuery动态创建无序列表？我从XML文件中读取了图像文件路径(href和src).

 <ul>
       <li><a href="images/test1.png"><img id="imageSlide" src="images/test1.png" alt="" /></a></li>
       <li><a href="images/test2.png"><img id="imageSlide" src="images/test2.png" alt="" /></a></li>
 </ul>

它应该根据XML文件中的XML节点数创建无序列表.

Answer 1

好吧,你必须循环你的XML结构并LI nodes在其中创建新的.

var dummyXML = "<foo><dummy>element</dummy><dummy>element</dummy><dummy>element</dummy></foo>";
var HTMLmarkup = '';

$(dummyXML).find('dummy').each(function(){
   HTMLmarkup += '<li>' + $(this).text() + '</li>';
});

$('ul').append(HTMLmarkup);

那当然只是一个虚拟的例子.事实上,您应该考虑使用更复杂的XML遍历系统,如XPath(取决于您的XML文件有多大).