Jquery 解析XML Ajax，数据出现在html之后

我使用下面的代码解析来自AJAX get请求的xml，为什么所有元素都出现在html之后？我做错了什么

<li><section><blockquote><p></p></blockquote></section></li>
<h1>QUOTE</h1>
<img class="truffle" src="Content/Images/truffles/pecan-caramel-truffle.png?text=pecan-caramel-truffle">
<h2>NAME</h2>

引用
名称

AJAX的解析

$(result).find('ContestResult').each(function () {
   var name = $(this).find('FirstName').text();
   var imgName = $(this).find('ImageName').text();
   var quote = $(this).find('quote').text();
   var theName = "NAME";

   var sliderItem = '<li><section><blockquote><p>' + quote + '</p></li></blockquote>';
   sliderItem += '<h1>~' + name + '</h1></section>';
   sliderItem += '<img class="yep" src="' + imgName + '" />';
   sliderItem += '<h2>' + theName + '</h2>';
   sliderItem += '</li>';

   $("ul#slider").append(sliderItem);

   i++; //Iterate variable});

$（结果）.find（'contesticsresult'）。每个（函数（）{
var name=$（this.find（'FirstName'）.text（）；
var imgName=$（this.find（'ImageName'）.text（）；
var quote=$（this.find（'quote'）.text（）；
var theName=“NAME”；
var sliderItem='
'+quote+'
'；
sliderItem+='~'+名称+''；
sliderItem+=''；
sliderItem+=''+名称+''；
sliderItem+=''；
$（“ul#slider”）.append（sliderItem）；
i++；//迭代变量}）；

我有一种感觉，这种情况发生是因为你没有结束语。因此jQuery

append（）

函数尝试查找

ul

中的最后一个字符，并认为您的HTML也是该

ul

的一部分

我创造了一把小提琴

这就是我在HTML中所做的所有更改，它似乎在HTML之前添加了您的数据：

<ul id="slider">
<li>
    <section>
        <blockquote>
            <p>Foo</p>
        </blockquote>
    </section>
</li>
</ul>

<h1>QUOTE</h1>
<img class="truffle" src="Content/Images/truffles/pecan-caramel-truffle.png?text=pecan-caramel-truffle">
<h2>NAME</h2>

福



引用
名称

您的

滑块在上面的HTML中的列表在哪里？从数据库中提取最新li的ul感谢您的帮助，但我找到了原因，您需要拆分每个元素，否则它将无法正确解析$（“ul.ClassName”）.append（“
”+“+””+$（this）.find（'Quote'）.text（）+然后还有其他错误-这不是原因。请查看我发布的fiddle链接，可以随意修改它，添加/不添加单独的元素。这两种方式都可以