XML JQueryに関連するHTML

Question

私はJQueryを初めて使っています。しかし、私はこれを使ってこれをしようとしています。

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

しかし：私はこの方法を試してみました

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

：私は何をしたいことはこれです、今

<?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> 

： 私は、次のようなXMLのセットを持っていますo/pを望んでいない。

jqueryを使用してこれを行うにはどうすればよいですか。 上記のXMLは動的である可能性があります&は文字列形式で利用可能です/ File1.xmlにあります

ありがとうございます！

Answer 1

XSLTを使用してXML/divフォームに変換してから、​​jQueryコールを使用してそのクライアント側に送信して、必要な場所に挿入することもできます。