在JQUERY中解析XML - 節點列爲一個項目而不是單獨的列表項目

Question

我試圖從此XML文件獲取每個線索名稱和狀態爲單個列表項目。我得到的結果是所有的路徑合併成一個列表項目和狀態只有第一個。

結果：

• 開拓者1Trail 2Trail 3Trail 4Trail 5Trail項目速查表

• 打開

XML：

<ZONE ZONENAME="Lower Mountain"> 
<TRAILNAME STATUS="Open">Trail 1</TRAILNAME> 
<TRAILNAME STATUS="Open">Trail 2</TRAILNAME> 
<TRAILNAME STATUS="Closed">Trail 3</TRAILNAME> 
<TRAILNAME STATUS="Open">Trail 4</TRAILNAME> 
<TRAILNAME STATUS="Open">Trail 5</TRAILNAME> 
<TRAILNAME STATUS="Open">Trail 6</TRAILNAME> 
</ZONE> 

JQuery的：

<script> 
$(document).ready(function(){ 
$.ajax({ 
type: "GET", 
url: "bike.xml", 
dataType: "xml", 
success: function(data) { 
    $(data).find('ZONE[ZONENAME="Lower Mountain"]').each(function(index){ 
      trails = $(data).find('TRAILNAME').text(); 
      status = $(data).find('TRAILNAME').attr('STATUS'); 
     $('.LeftBox').append('<li>'+trails+'</li>'); 
     $('.RightBox').append('<li>'+status+'</li>'); 
    }); 
    } 
    }); 
}); 
</script> 

Answer 1

試試下面的代碼

var myxml = $.parseXML(xml); 
    $(myxml).find('ZONE[ZONENAME="Lower Mountain"]').find('TRAILNAME').each(function (index, item) { 
     alert($(this).text()); 
     alert($(this).attr('STATUS')); 
    }); 

檢查樣品上撥弄http://jsfiddle.net/VxtGm/