获取XML项目的全部内容？

Question

我有一个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中的所有正斜杠。 如何保持正斜线？

Answer 1

我看到您正在使用jQuery。 对于图像，请尝试为此删除代码，并实施以下操作：

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

从长远来看，图像URL中的间隔通常不是最好的。 每个空格都应使用URL编码％20。 http://www.w3schools.com/tags/ref_urlencode.asp

但是那是您的电话..祝您好运！