Получить полный доступ к 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); 

IMG элемент, который отображает на коде HTML страницы выглядит следующим образом:

<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

Однако это ваш звонок .. Удачи!