如何在HTML中使用jQuery讀取XML元素

Question

我正在嘗試讀取XML元素而不使用元素名稱，即以下示例中的「Books」。例如，

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

換句話說如何動態地看「書」元和在HTML中使用jquery兒童元素分配給數組。任何幫助，將不勝感激。

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。 Demo at 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; 
}