我正在使用JS搜索XML并获取它的元素以便在进一步处理中使用它,我使用heapbox来显示元素,然后使用.selected
来获取选中的元素,以显示它的孩子。
这里的问题是我想获取所选元素以便在获取子项之前进行一些名称处理,但是当将它存储在var
中时我什么都没有,并且当直接使用完整查询时它得到了解决方案,
为前,
var section = '', text = '' ;
section = $('menu').find($(".selected").text()).attr('nodeName');
alert($('menu').find($(".selected").text()).attr('nodeName'));
该代码中的 section
等于零,text
等于零,提醒 undefined
,而在处理中直接使用$('menu').find($(".selected").text()).attr('nodeName')
效果非常好
更新
xml文件:
<?xml version="1.0" encoding="UTF-8"?>
<menu parent_id="0" >
<Menu cat="main">
</Menu>
<Soup cat="main">
<Mushrom0Tomato.Soap price = "15.95" hasoption = "false">
</Mushrom0Tomato.Soap>
<Cream.Of.Chicken.Soap price = "16.95" hasoption = "true">
<Add.Mushroom price = "3.95"></Add.Mushroom>
<none price = "0"></none>
</Cream.Of.Chicken.Soap>
<Season.Soap price = "15.95" hasoption = "false">
</Season.Soap>
</Soup>
</menu>
JS代码:
var cats=[], cati=0, total=0, selectedarray=[], itemoptions=[], optionstring='', section='', si=0, oi=0, items=[];
$("#total").append("Total: " + total + " EGP");
$('#dummy').load('cafe.xml',function() {
initialize();
})
function initialize(){
ct=$('menu').children().length;
for(cati==0;cati<=ct-1;cati++)
{
cats[cati]=$('menu').children().eq(cati).prop('nodeName');
var realname = cats[cati];
if(realname.indexOf(".") != -1){
realname = realname.replace(/\./g,' ');
}
$('.basic-example').append('<option value="option1">'+realname+'</option>');
}
$(".basic-example").heapbox({'onChange':function(){loadmenu()},effect:{type:"fade",speed:"slow"}});
}
// loading the items to the menu
function loadmenu()
{
$("#gallery").empty();
section = $('menu').find($(".selected").text()).attr('nodeName');
alert($("menu .selected").text().toString());
.
.
.
答案 0 :(得分:0)
.find
用于查找所选节点的子元素
你可能只想要
$("menu .selected").text();
和
$("menu .selected").attr("nodeName");
.find
相当于此(虽然可能不必要)将是
$("menu").find(".selected").text();
和
$("menu").find(".selected").attr("nodeName");