与 XML JQuery HTML 相关

Question

我是 JQuery 的新手。但是，我正在尝试使用它来做到这一点。 我有一个如下所示的 XML 集：

<?xml version="1.0" encoding="utf-8" ?>
<Columns>
  <Column>
    <Id>Col_Id_1</Id>
    <Name>Col_Name_1</Name>
    <Type>int</Type>
  </Column>
  <Column>
    <Id>Col_Id_2</Id>
    <Name>Col_Name_2</Name>
    <Type>string</Type>
  </Column>
  <Column>
    <Id>Col_Id_3</Id>
    <Name>Col_Name_3</Name>
    <Type>DateTime</Type>
  </Column>
</Columns>

现在，我想做的是：

<div id="header" class="all_are_H3_from_CSS">
        <label id="Col_Id_1">Col_Name_2</label> |
        <label id="Col_Id_1">Col_Name_3</label> |
        <label id="Col_Id_1">Col_Name_4</label> |
    </div>

我已经尝试过这种方式：

 <script type="text/javascript" language="javascript">
    $(document).ready(function(){
            $.ajax({
                type: "GET",
                url: "GetColumnNames.xml",
                dataType: "xml",
                success: function(xml) {
                    $(xml).find('Column').each(function(){
                        var id = $(this).attr('Id');
                        var title = $(this).find('Name').text();
                        $('<div class="items" id="link_'+id+'"></div>').html('<label id='+id+'>'+title+'</label>').appendTo('#page-wrap');
                    });
                }
            });
        });
    </script>

但没有得到所需的 o/p。

我怎样才能使用 jquery 来做到这一点？ 上面的XML可以是动态的&以字符串格式提供/可以位于 File1.xml

谢谢！

Answer 1

一种选择是使用 XSLT 将其转换为您拥有的 XML/div 表单，然后使用 .load() jQuery 调用将其插入到您需要的位置发送该客户端。