在jquery中獲取xml屬性進行圖像解析

基本上，我從這個XML片段中拉取了選擇下拉列表的選項，我需要在下拉列表中的選項中加載這些圖片。我如何解析這個圖像屬性。在jquery中獲取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>

任何人都有任何想法。

來源

2011-10-22 Mike

如果你想檢索圖像屬性使用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/

來源

2011-10-22 09:03:10 Jayendra

這不是隻運行一個形象，我的XML實際上有90個圖像，他們需要在一個div HTTP來填充：//的jsfiddle .net/XmJrN/7/ – Mike

更新了處理所有圖像的答案。 – Jayendra

謝謝@Jayendra的火花。這幫助我追蹤位於Feed中的圖像。我使用了類似於此的內容，用於搜索位於xml文檔中的描述元素內部的圖像 - $（this）.find（'description：contains（「image」）'）。 – blackhawk

在jquery中獲取xml屬性進行圖像解析

回答

相關問題