Как читать XML-элементы с помощью jquery в HTML

Question

Я пытаюсь читать XML-элементы без использования имен элементов, например, «Книги» из следующего примера. например.

<Books> 
      <book> 
       <title>C++</title> 
       <author>A</author> 
      </book> 
      <book> 
       <title>XML</title> 
       <author>X</author> 
      </book> 
    </Books> 

Иными словами, как динамически читать элемент «Книги» и назначать дочерний элемент массиву с использованием jquery в HTML. Любая помощь будет оценена по достоинству.

Answer 1

Спасибо всем. Я нашел свое решение

var xml = "<root><stuff></stuff><stuff><stuffchild></stuffchild></stuff></root>"; 

function alertit(jqueryObject) { 
    if (jqueryObject.length === 0) return; 

    jqueryObject.each(function() { 
     alert(this.nodeName.toLowerCase()); 
    }); 

    alertit(jqueryObject.children()); 
} 

alertit($(xml)); 

http://jsfiddle.net/TBwm8/3/ 

Спасибо.

Answer 2

Я написал для вас простой HTML. Демо на http://jsfiddle.net/UC2dM/185/

$.ajax({ 
    url:'/echo/xml/', 
    data: {xml:'<Books><book><title>C++</title><author>A</author> </book><book><title>XML</title><author>X</author></book></Books>'}, 
    dataType: 'xml', 
    type:'post', 
    success: function(data){ 
     var xml = $(data); 
     $('#container').append(CategoryToUl(xml.children())); 
    } 
}); 

function CategoryToUl(xml){ 
    var categories = xml.children('book'); 
    if (categories.length > 0) 
    { 
     var ul = $('<ul/>'); 
     categories.each(function(){ 
      var $this = $(this); 
      var li = $('<li/>'); 
      var a = $('<a/>',{ 
       text: $this.children('title').text() 
      }); 
      li.append(a); 
      li.append(CategoryToUl($this)); 
      ul.append(li); 
     }); 
     return ul; 
    } 
    return null; 
}