0

我正在使用下面的代码从 AJAX 获取请求中解析 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});
4

1 回答 1

1

我有一种感觉，发生这种情况是因为您没有关闭</ul>。因此，jQueryappend()函数会尝试查找 中的最后一个字符ul，并认为您的 HTML 也是其中的一部分ul。

我在http://jsfiddle.net/sudipta/93AqB/创建了一个小提琴

这是我在 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>
于 2013-10-15T06:19:42.227 回答