如何将 xml 文档中的文本内容加载到 div/paragraphs答案

【问题标题】：How to load text content from an xml document into a div/paragraphs如何将 xml 文档中的文本内容加载到 div/paragraphs
【发布时间】：2013-07-15 21:34:03
【问题描述】：

<div class="news"><a href="subsides/news.php">
              <p id="p1">Text comes here</p>
              <p id="p2">Another text comes here</p>
              <p id="p3">...</p>
              <p id="p4">...</p></a></div>

如上所述，我有一个带有四个 p 标签的 div，我想从 xml 加载文本！我试过了，在这里搜索，但找到了适合我情况的第 n 个！ xml 文件和 javascript 的样子如何？

<?xml version="1.0" encoding="utf-8"?>
  <news name = "one">
              <p id="p1">bla bla bla</p>
              <p id="p2">bla bla bla</p>`
</news>

还有 javascript：

$.ajax({
    url: "news.xml",
type: "GET",

    dataType: "xml",
    success: function (xml) {
        var xmlDoc = $.parseXML(xml),
            $xml = $(xmlDoc);
        $xml.find('news[name="one"]').each(function () {
            $(".news").append($(this).text());
        });
    }
});

【问题讨论】：

stackoverflow.com/questions/16417211/… 这看起来像你想要的。快速 Google 搜索将其作为第一个结果。
是的，试过了！但是……我做错了..

标签： jquery html xml

【解决方案1】：

您可以使用 jQuery Ajax 来获取 XML 数据...如果成功解析结果并搜索它以找到包含您想要的文本的节点。如果找到该节点，请将其文本附加到相应的段落

$.ajax({
    type: "GET",
    url: "docName.xml",
    dataType: "xml",
    success: function (result) {

        var xml = $.parseXML(result),
            $xml = $(xml);

        // Find the node that you want to add to your first paragraph
        // Depending on your situation, you may have to repeat for each paragraph

        $xml.find('xml node you want').each( function() {
            $('#p1').append( $(this).text() );
        });
    }
});

【讨论】：

没有足够的代表来评论原始问题 - 你确定你的 XML 文件在你的目录的根目录中（所以 URL 是正确的）？另外，你能告诉我们实际的 XML 是什么样子吗？您是否看到任何错误？
something something 就是现在的xml，url是正确的！！

【解决方案2】：

从xml <p> 中创建一个html <p> 元素，然后将其附加到您的div。

$xml.find('news[name="one"] p').each(function () {
    var $p = $("<p>").html($(this).text());
    var id = $(this).attr("id");
    $p.attr("id", id);
    $(".news").append($p);
});

显然，这两个<p>并不相同，浏览器会呈现不同的效果。

jsFiddle http://jsfiddle.net/exReT/

【讨论】：