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