jQuery解析XML：獲取具有特定屬性的元素

我想分析這樣一個一個XML：

<?xml version="1.0" encoding="utf-8" ?> 
    <cards> 
     ... 
     <card id="3"> 
      <name lang="es"></name> 
      <description lang="es"></description> 
      <name lang="en"></name> 
      <description lang="en"></description> 
     </card> 
     ... 
    </cards>

我想有屬性LANG =「EN」的名稱和說明。

我開始編寫代碼，但我不知道如何去完成它：

function loadCards(lang) 
{ 
    $.ajax({ 
     type: "GET", 
     url: 'data/english.xml', 
     dataType: "xml", 
     success:parseCardsXml 
    }); 
} 

function parseCardsXml(xml) 
{ 
    $(xml).find('Card').each(function() 
    { 
     var id = $(this).attr('id'); 
     var name = $(this).find('name'); 
    } 
}

順便說一句，loadCards函數有一個參數（或參數）稱爲lang。

如何將此參數傳遞給function parserCardsXml(xml)？如何獲得具有特定屬性的名稱和說明？

來源

2012-02-10 VansFannel

使用屬性選擇：http://api.jquery.com/category/selectors/ – 2012-02-10 17:42:27

要回答具體問題，「如何將此參數傳遞給函數parserCardsXml（xml）？」

function loadCards(lang) 
{ 
    $.ajax({ 
     type: "GET", 
     url: 'data/english.xml', 
     dataType: "xml", 
     success: function (xml) { parseCardsXml(xml, lang); } 
    }); 
}

而且，「我怎樣才能得到具有特定屬性的名稱和描述？」

function parseCardsXml(xml, lang) 
{ 
    var $xml = $(xml), 
     name = $xml.find('name[lang="' + lang + '"]').text(), 
     desc = $xml.find('desc[lang="' + lang + '"]').text(); 
}

來源

2012-02-10 21:35:48

$(xml).find('name[lang="en"], description[lang="en"]')應該做的伎倆

編輯：更完整的答案

$(xml).find('card').each(function() { 
    var id, name, description; 
    id   = $(this).attr('id'); // or just `this.id` 
    name  = $(this).children('name[lang="en"]').text(); 
    description = $(this).children('description[lang="en"]').text(); 
    // do something with the id, name, and description 
});

來源

2012-02-10 17:59:29 Flambino

謝謝您的回答，但是，我怎麼能集變種名稱和值VAR說明發現了什麼？ – VansFannel 2012-02-10 18:03:09

@VansFannel更新了我的答案 – Flambino 2012-02-10 18:29:13

var xml='<cards>\ 
     <card id="3">\ 
      <name lang="es"></name>\ 
      <description lang="es"></description>\ 
      <name lang="en"></name>\ 
      <description lang="en"></description>\ 
     </card></cards>';

和jQuery的部分

$(xml).find('Card').each(function(i,j) 
    {   
     console.log($(j).attr("id")); 
     console.log($(j).find("name").attr("lang")); 

    });

http://www.jsfiddle.net/VZjmV/6/

來源

2012-02-10 18:01:31 Rafay

jQuery解析XML：獲取具有特定屬性的元素

回答

相關問題