2016-01-25 55 views
1

我有了看起來像這樣的項目的XML文件:獲取XML項目的完整內容?

<CutOffItem> 
    <partnum>SAIT22021</partnum> 
    <diameter>4-1/2"</diameter> 
    <width>0.045"</width> 
    <arbor>7/8"</arbor><material>METAL</material> 
    <maxrpm>13300</maxrpm> 
    <brand>UNITED ABRASIVES, INC.</brand>  
    <imgsrc>style\images\Original Bolt Pics\Abrasives\Cutoff\SAIT 4.5-8in.jpg</imgsrc> 
</CutOffItem> 

我通過jQuery引用的每個元素的HTML文檔像這樣使用:

xmlDoc = $.parseXML(xml), 
$xml = $(xmlDoc), 
$partnum = $xml.find("partnum"); 
$title = $xml.find("title"); 
$category = $xml.find("category"); 
$type = $xml.find("type"); 
$diameter = $xml.find("diameter"); 
$width = $xml.find("width"); 
$arbor = $xml.find("arbor"); 
$brand = $xml.find("brand"); 
$imgsrc = $xml.find("imgsrc"); 

而像這樣顯示它們:

//Title 
var h3 = document.createElement('p'); 
h3.innerHTML = $title.text(); 
$('#item').append(h3); 

所有工作按預期,但是當我嘗試這樣做的IMG SRC:

// IMG 
var img = document.createElement('img'); 
var src = document.createAttribute('src'); 
src.value = $imgsrc.text(); 
img.setAttributeNode(src); 
$('#item').append(img); 

顯示在HTML頁面代碼img元素看起來是這樣的:

<img src="styleimagesOriginal Bolt PicsAbrasivesCutoffSAIT 4.5-8in.jpg"> 

的.text()所有向前移出從URL斜槓。我怎樣才能保持正斜槓?

回答

0

我看你使用的是jQuery。對於圖像,試圖爲這個刪除你的代碼,並實現以下功能

// IMG 
$("#item).append("<img src="+ $imgsrc + "title="+ $brand +"></img>"); 

從長遠來看,間距在圖像的URL通常不是最好的。它應該是每個空間的URL編碼%20。 http://www.w3schools.com/tags/ref_urlencode.asp

但是,這是你的電話..祝你好運!

相關問題