Относится к 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>

но не получая желаемого о / п.

Как я могу сделать это с помощью JQuery. Приведенный выше XML может быть динамическим и доступен в строковом формате / может быть расположен в File1.xml

Спасибо!

Answer 1

Один из вариантов - использовать XSLT для преобразования его в имеющуюся форму XML/div, а затем отправить эту клиентскую сторону, используя .load() Вызовите jQuery, вставив его туда, где вам нужно.