使用jQuery和JavaScript，如何区分两个具有相同名称attr的XML级别？

这是一个示例Documentation.XML文件，我正试图使用jQuery解析它

<DocPortal Version="">
    <Folder Name="Sample Drawings" User="*">
        <File Type="TILES" Name="Sample1" FileName="Sample1.zip"/>
    </Folder>
    <Folder Name="Sample Site Information" User="*">
        <Folder Name="SampleInnerFolder1" User="*">
            <File Type="PDF" Name="Sample1" FileName="Sample1.pdf"/>
            <File Type="PDF" Name="Sample2" FileName="Sample2.pdf"/>
        </Folder>
        <Folder Name="SampleInnerFolder2" User="*">
            <File Type="PDF" Name="Sample1" FileName="Sample1.pdf"/>
            <File Type="PDF" Name="Sample2" FileName="Sample2.pdf"/>
        </Folder>
        <File Type="PDF" Name="Sample1" FileName="Sample2.pdf" QR=""/>
        <File Type="PDF" Name="Sample2" FileName="Sample2.pdf" QR=""/>
    </Folder>
</DocPortal>

我想要的只是每个顶级文件夹名称的列表。所以只需“样本图纸”和“样本现场信息”

有什么想法吗？

您需要使用而不是find（）来只获取顶级后代

$(data).children('Folder').each(function(){
    var $Folder = $(this);
    console.log($Folder.attr('Name'));
});

给定一个表示一组DOM元素的jQuery对象 .children（）方法允许我们搜索这些 元素，并从 匹配元素。.children（）方法与.find（）的不同之处在于 .children（）仅沿DOM树向下移动一个级别 .find（）可以向下遍历多个级别以选择子体 元素（孙辈等）以及

---

我的控制台上没有文件夹名称列表。只是一片空白。。？

$(data).children('Folder').each(function(){
    var $Folder = $(this);
    console.log($Folder.attr('Name'));
});