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（）从网址中删除了所有正斜杠。我怎样才能保持正斜杠？

Answer 1

我看到你正在使用jQuery。对于图像，尝试删除您的代码，并实现以下内容：

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

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

然而那是你的电话..祝你好运!!

获取XML项目的完整内容？

1 个答案: