XMLをjQueryで読み込んだときに

Question

http://www.finefinefine.jp/web/kiji2203/

上記のページを参考に、XMLをhtmlに表示させようとしています。
内容の表示はできたのですが、

・XMLのタグ内に指定の文字列が含まれている場合
・XMLのタグ内が空の場合

などの処理の方法がわかりません…
アドバイスをいただけませんか？

Answer 1

1. XMLのタグ内に指定の文字列が含まれている場合

以下はXMLの<title>内に'ページ'が含まれている場合というif文です。

if ( $(this).find('title').text().indexOf('ページ') >= 0 ) {
}

1. XMLのタグ内が空の場合

以下はXMLの<url>の中身がない場合というif文です。

if ( $(this).find('url').text() === '' ) {
}

-- 追記
コメントに対する回答です。
コメントアウトしている部分は三項演算子で書いた例ですが、
読みづらくなるためあまりオススメできません。

success: function(xml) {
    $(xml).find('sample').each(function() {
        if ( $(this).find('title').text().indexOf('123456') >= 0 ) {
            $('#sample ul').append('<li>' + $(this).find('txt1').text() + '</li>');
        } else {
            $('#sample ul').append('<li>' + $(this).find('txt2').text() + '</li>');
        }
        // $('#sample ul').append('<li>' + ( ( $(this).find('title').text().indexOf('123456') >= 0 ) ? $(this).find('txt1').text() : $(this).find('txt2').text() ) + '</li>');
    });
}

Comments

[shiganakunai]

ありがとうございます。
上記の記述は理解でき当てはめてみたのですが、ブラウザには[object Object]と表示され意図した内容が表示されませんでした…

success:function(xml){
$(xml).find("sample").each(function() {
$("#sample ul").append('<li>' +

$(function(){
if ( $(this).find('title').text().indexOf('123456') >= 0 ) {
$(this).find('txtr1').text()
}
else{
$(this).find('txt2').text()
}
})

+ '</li>');
});
}

[ryunix]

append の中に分岐を入れるのではなく、append の前で分岐させると良いと思います :)

[ryunix]

追記しましたので、ご確認ください :D

[shiganakunai]

できました！！appendの後なんですね。
イメージしていたより多少記述が増えてしまいますが、きちんと表示できてよかったです。
ありがとうございます。

[ryunix]

append の後でやりたいのかなー？と思ったので、2パターン記載しました :)
上手く行ったのなら良かったです！

[shiganakunai]

分岐パターンが多いので都度appendしたいなと思っていました。
その場合はコメントアウトで書いてくださった三項演算子のほうになるのでしょうか？

[ryunix]

三項演算子を使用する場合、分岐パターンが増えると複雑になるのでオススメできません :(

[shiganakunai]

「おすすめ」「NEW」アイコンの有無を分岐をさせようと思っているのですが、

・おすすめ有り、NEW有り
・おすすめ有り、NEW無し
・おすすめ無し、NEW有り
・おすすめ無し、NEW無し

の4つの分岐になってしまいます。
DreamweaverのSpryでXMLを表示させていたときはかなりソースを短くできたのですが、同じようにはいかないのですね…

[ryunix]

Dreamweaver のことは分かりませんが、同じようにはいかなそうですね :(