Question

基本上我从这个xml片段中提取选择下拉选项，我需要在下拉列表中单击一个选项加载这些图像。如何解析此图像属性。

<menu>
    <optionheading>
        <heads>Heading 1</heads>
                    <value>
                            <values image='images/img1.gif'>Option1</values>
                            <values image='images/img2.gif'>Option2</values>
                            <values image='images/img3.gif'>Option3</values>
                    </value>
    </optionheading>

</menu>

任何人都有任何想法。

Answer 1

如果要检索图像属性，请使用jQUery paserXML来导航DOM。

示例 -

var xml = "<menu><optionheading><heads>Heading 1</heads><value><values image='images/img1.gif'>Option1</values><values image='images/img2.gif'>Option2</values><values image='images/img3.gif'>Option3</values></value></optionheading></menu>";

xmlDoc = jQuery.parseXML(xml);
$xml = $( xmlDoc );
alert($xml.find('values:contains("Option1")').attr('image'));
$xml.find('values').each(function(){
    alert($(this).attr('image'));
})

演示 - http://jsfiddle.net/XmJrN/8/

在jquery中获取xml属性以进行图像解析

1 个答案: