0

我是 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

谢谢！

4

1 回答 1

0

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

于 2011-01-27T12:56:06.243 回答