使用 Jquery Mobile 进行 XML 解析

我有以下格式的 XML。我想提取“标题”和“子菜单”标签，并从中创建一个菜单栏结构，如下图所示。

<?xml version='1.0'?>
<homemenu>
<rootmenu>
<title>Products</title>
<submenu1>
    <title>Articulated1</title>
    <submenu2>
        <name>Arti1</name>
        <email>Culated1</email>
    </submenu2>
</submenu1>
<submenu1>
    <title>BackHoles1</title>
    <submenu2>
        <name>Back1</name>
        <email>Holes1</email>
    </submenu2>
</submenu1>
</rootmenu>
<rootmenu>
<title>Services</title>
<submenu1>
    <title>VolvoParts2</title>
    <submenu2>
        <name>Volvo2</name>
        <email>Parts2</email>
    </submenu2>
</submenu1>
<submenu1>
    <title>PartsOnline2</title>
    <submenu2>
        <name>Parts2</name>
        <email>Online2</email>
    </submenu2>
</submenu1>
</rootmenu>
</homemenu>

请建议我该怎么做。

Thanks..

你必须使用jquery的parseXML函数，

  var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>",
  xmlDoc = $.parseXML( xml ),
  $xml = $( xmlDoc ),
  $title = $xml.find( "title" );

  alert($title.text());

Refer https://api.jquery.com/jQuery.parseXML/