jQuery解析XML:获取具有特定属性的元素
我正在开发HTML5应用程序。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)
? 如何获得具有特定属性的名称和说明?
要回答具体问题,“如何将此参数传递给函数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();
}
$(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
});
谢谢您的回答,但是,我怎么能集变种名称和值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://api.jquery.com/category/selectors/ – 2012-02-10 17:42:27