如何使用jquery獲取xml href和target屬性到DIV中使用jquery .load

Question

我在我的域中有一個xml，我想從xml中檢索xml節點並將標題鏈接（href url和target href屬性）轉換爲div節點。

這裏是我的xml

<?xml version="1.0" encoding="UTF-8"?> 
<xml> 
    <title>This is my Title</title> 
    <url>http://stackoverflow.com/</url> 
    <url_target>_blank</url_target> 
</xml> 

HTML：

<div id="title"> 
<a href="" target="" id="title_with_link"></a> 
</div> 

我使用jQuery的.load

<script> 
var xmlpath = "myxml.xml"; 
    $("#title_with_link").load(xmlpath+ " title"); 
    $("#title_with_link a").load(xmlpath+ " url").attr('href'); // this is not working 
    $("#title_with_link a").load(xmlpath+ " url_target").attr('target'); // this is not working 
</script> 

我的目標結果應該是

<a href="http://stackoverflow.com/" target="_blank" id="title_with_link">This is my Title</a>

我可以加載標題，但不能使用正確的href和target屬性。

Answer 1

Demo

/* 
    You can use get to load your XML content to the xmlDoc var 
*/ 

var xmlDoc = $.parseXML('<?xml version="1.0" encoding="UTF-8"?>'+ 
'<xml>'+ 
    '<title>This is my Title</title>'+ 
    '<url>http://stackoverflow.com/</url>'+ 
    '<url_target>_blank</url_target>'+ 
'</xml>'); 

var xml = $(xmlDoc); 

$(".yo").text('<a href="'+xml.find("url").text()+'" target="'+xml.find("url_target").text()+'" id="'+xml.find("url").text()+xml.find("title").text()+'">'+xml.find("title").text()+'</a>');