2012-12-24 71 views
2

我想從xml對象中加載圖片名稱並追加到div。我對追加鍵入佈局感到困惑,無法找到即時輸入錯誤的地方。jquery.find和append img標籤

這是工作

$("#nn").append("<img id='theImg' src='/pic/jas/pic1.jpg'/>"); 

這不工作

$("#nn").append("<img id='theImg' src='/pic/jas/'" + customer.find("pic_name") + "/>"); 

我的jQuery腳本部分

function OnSuccess(response) { 
     var xmlDoc = $.parseXML(response.d); 
     var xml = $(xmlDoc); 
     pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text()); 
     var pic_infoVar = xml.find("pic_info"); 

     pic_infoVar.each(function() { 
      var customer = $(this); 
     $("#picDiv").append("<img id='theImg' src='/pic/jas/'" + customer.find("pic_name") + "/>"); 
     }); 

     $("#loader").hide(); 
    } 

HTML DIV標籤

<div id="picDiv"> 
    LoadPic 
</div> 
+1

在你的第二個代碼中有一個錯位的引用;應該是:'「」' – mgibsonbr

+1

'find'返回jquery對象,而不是字符串。和「pic_name」是一個標籤? –

回答

4

Provded即pic_name是XML數據結構INFACT一個元素(例如:<pic_name> pic1.jpg </pic_name >),會做你想要的代碼是:

$("#nn").append("<img id='theImg' src='/pic/jas/" + customer.find("pic_name").text() + "'/>"); 
+1

Thankx,它的工作...ü救了我的生命,我從6小時搞砸了... –

0

這是怎麼了我用於做

document.getElementById('nn').innerHTML +='<img src="'+customer.find(\"pic_name\")+'"/>'; 
+0

謝謝大家的快速回復..你們都是很棒的程序員。 –