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)
?
Как я могу получить имя и описание с определенным атрибутом?
Ответы
Ответ 1
Чтобы ответить на конкретные вопросы, "Как передать этот аргумент функции 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();
}
Ответ 2
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/
Ответ 3
$(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
});