获取xml文件的外部xml结构到一个字符串与jquery

Question

我不知道这是可能的或不只是javascript/jquery。我有一些xml文件，我经常阅读和使用XPath DISPLY，但XML文件与HTML元素像这样的结构：

<?xml version="1.0" encoding="UTF-8"?> 
<catalog> 
<outcome> 
    <title>1.1</title> 
    <section> 
    <p>some text as an intro: 
     <ul> 
     <li>part of list</li> 
     <li>part of list</li> 
     </ul> 
    </p> 
    <p>more text</p> 
    </section> 
</outcome> 

<outcome> 
<title>1.2</title> 
<section> 
    <p>some text as an intro: 
     <ul> 
     <li>part of list</li> 
     <li>part of list</li> 
     </ul> 
    </p> 
    <p>more text</p> 
    </section> 
</outcome> 
</catalog> 

我想显示一个select元素的所有的子孙。使用javascript，我知道如何加载xml并选择我需要的元素，并且我知道如何遍历节点，但是有可能只是将节点及其后代作为字符串来获取？然后，我可以只需要字符串并附加一个div，如element.html（“string”）。我会让我的CSS风格的元素根据需要。 这是可能的JavaScript？我知道xsl可以将其作为整个页面来完成，但我只需要一个大型xml的一小部分。

Answer 1

如果你需要操作新的HTML插入它（如添加类等）之前，可以做相当简单使用jQuery通过将其视为HTML

$(function() { 
    $.get('data.xml', function(xml) { 
    $(xml).find('outcome').each(function() { 
     $('body').append($(this).html()); 
    }); 
    }, 'html'); 
}); 

，这也是failry琐碎

DEMO