Question

我不知道这是否可行只有javascript / jquery。我有许多xml文件，我通常用xpath读取和显示，但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并选择我需要的元素，我知道如何循环遍历节点，但是是否可以将节点及其后代作为字符串？然后我可以只取字符串并附加一个像element.html一样的div（＆＃34; string＆＃34;）。我会让我的CSS根据需要设计元素。用javascript可以实现吗？我知道xsl可以作为整个页面执行此操作，但我只需要一个大型xml的一小部分。

Answer 1

可以通过将jQuery视为html

来简单地使用jQuery

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

如果你需要在插入之前操纵新的html（比如添加类等），这也是非常简单的

的 DEMO

使用jquery将xml文件的外部xml结构获取到字符串

1 个答案: