Question

我有一个类似的ul列表：

<ul class="abstimm_ziel"><li>Content 1</li><li>Content 2</li></ul>

我想加载这个xml文件＆＃39;含量：

<?xml version="1.0" encoding="UTF-8"?>
<abstimmer>
<seite id="2">
    <klick>3</klick>
    <klick>5</klick>
    <klick>9</klick>
</seite>
</abstimmer>

按照其顺序进入li元素（第一个节点进入第一个li元素，第二个进入第二个......）。如果有更多的节点然后是li元素，则应忽略不必要的节点。我试着这样做：

$(document).ready(function () { 
    $.ajax({ 
        type: "GET", 
        url: "abstimmer.xml", 
        dataType: "xml", 
        success: function (xml) { 
            $(xml).find('seite').each(function () { 
                var klick = $(this).find('klick'); 
                $( ".abstimm_ziel li" ).each(function( index ) {
                    //And here my brain  crashed
                })
            })
        }
    })
})

在实际行动应该开始的行中，我分手了。我尝试做的是使用each（）遍历ul-list，并将相应节点的xml内容放入其中的li中。我现在需要做什么？

Answer 1

由于您正在查看klick节点，我只想使用eq method这样：

var $lis = $(".abstimm_ziel li");
$(xml).find('klick').each(function (index) {
  if (index < $lis.length) {
    $lis.eq(index).html($(this).text());
  }
});

这将迭代所有klick个节点，如果DOM中存在匹配的li，则将其内容设置为klick节点的内容。

将XML内容加载到li中

1 个答案: