jQueryでXMLを操作
jQueryでXMLを操作
最近jQueryを勉強しはじめました。
jQueryでXMLを読み込んで、item val="new"を含んだデータのみ<ul></ul>内に表示したいのですが
うまくいきません。
ご教授願います。
また、こういったjQueryの使い方に関する、お勧めの本やページ等ございましたら
教えてください。宜しくお願い致します。
-------------------------XML Data-------------------------
<data>
<item val="new">
<link>01.html</link>
<name>ほげ田 ほげ太</name >
<photo>dummy.jpg</photo>
</item>
<item val="new">
<link>02.html</link>
<name>ほげ田 ほげ子</name >
<photo>dummy.jpg</photo>
</item>
<item val="new">
<link>03.html</link>
<name>ほげ山 ほげ太</name >
<photo>dummy.jpg</photo>
</item>
<item>
<link>04.html</link>
<name>ほげ山 ほげ子</name >
<photo>dummy.jpg</photo>
</item>
</data>
-------------------------JavaScript-------------------------
$(function(){
$.ajax({
url: 'doctors/data.xml',
dataType: 'xml',
timeout: 1000,
error: function(){
alert("xmlファイルの読み込みに失敗しました");
},
success : function(data){
$("item",data).each(function(){
if($("item",this).attr("val") == "new"){
$(".column").append('<li><a href="'+$("link",this).text()+'"><img src="image/'+$("photo",this).text()+'" alt="'+$("name",this).text()+'" title="'+$("name",this).text()+'"></a></li>');
}
})
}
})
$("li.noJavaScript").remove();
})
-------------------------HTML-------------------------
<div id="wrapper">
<ul class="column">
<li class="noJavaScript">javaScriptを有効にしてください。</li>
</ul>
</div>
お礼
JaneDueさん 毎回、本当にありがとうございます。 IEの場合の訂正まで… ご丁寧な回答に感謝しております。 QNo.7076140で質問させていただいたものですが この時は配列で取得しようとしていたのですが QNo.7076140の段階でやり方を変更しました。 この時点で、私の四苦八苦ぶりがうかがえますね…(苦笑) でも、このご回答も大変勉強になりました。 別の機会で必ず活かします！ 本当にありがとうございました。