获取XML项目的完整内容？

我有了看起来像这样的项目的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斜杠。我怎样才能保持正斜杠？

来源

2016-01-25 perkface

我看你使用的是jQuery。对于图像，试图为这个删除你的代码，并实现以下功能

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

从长远来看，间距在图像的URL通常不是最好的。它应该是每个空间的URL编码％20。 http://www.w3schools.com/tags/ref_urlencode.asp

但是，这是你的电话..祝你好运！

来源

2016-01-25 21:02:02 ChrisBurns

获取XML项目的完整内容？

回答

相关问题