web-dev-qa-db-ja.com

jQueryによるXMLの解析:特定の属性を持つ要素を取得する

HTML5アプリケーションを開発しています。

次のような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)に渡すにはどうすればよいですか?特定の属性を持つ名前と説明を取得するにはどうすればよいですか?

15
VansFannel

特定の質問に答えるには、「この引数を関数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();
}
15
Heretic Monkey
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/

6
Rafay

$(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
});
4
Flambino