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可以是动态的＆amp;以字符串格式提供/可以位于File1.xml

谢谢！

Answer 1

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

与XML JQuery HTML相关

1 个答案: