0

修正後の質問
・下記の時、enclosure 要素のurl属性を取り出すにはどうすれば良いでしょうか?

var xml = '<foo><enclosure url="http://example.com" /></foo>';
var thisItem = $(xml);
console.log(thisItem.children('enclosure'));

当初の質問

console.log(thisItem.children('enclosure'));

・コンソール画面が、下記画像のような状態となりました

Q1
・この時、画像urlを文字列として取得したいのですが、どう書けば良いでしょうか?

Q2

typeof thisItem.children('enclosure');

・undefinedになりました
・これはノードリスト?
・今、どういう状態なのでしょうか?

コンソール画面画像

画像の説明をここに入力

5
  • その thisItem はどうやって取得しましたか。
    – int32_t
    Commented 2016年12月16日 19:55
  • XML(?)として取得していると思います。「$.ajax({url: 'hoge.php',dataType: 'xml',」
    – re9
    Commented 2016年12月17日 2:18
  • $.ajax()jqXHRオブジェクトを返すのでそのまま取得内容は見れないと思います。あと生JSにchildren()関数はないと思うのですが...
    – packet0
    Commented 2016年12月17日 11:07
  • 1
    取得したXMLを $() に渡してjQueryで扱っているのでしょうか。その状況を再現できるデータやコードを載せていただきたいですが…。
    – unarist
    Commented 2016年12月17日 11:37
  • 外部データを取得しているため、状況を再現できるコード掲載は難しいです。誠に勝手ですが、この質問をクローズしていただけないでしょうか? もうちょっと自分で調べてみて、質問内容を人に説明できるようになってから、再度検討したいと思います
    – re9
    Commented 2016年12月17日 12:50

1 件の回答 1

5

再現例としてはこんなところでしょうか。

var xml = '<foo><enclosure url="http://example.com" /></foo>';
var thisItem = $(xml);
console.log(thisItem.children('enclosure'));

ここで enclosure 要素のurl属性を取り出したいのですよね。

XMLのテキストを $() 関数に渡した場合、(ブラウザがHTMLに対してするように)パース処理とDOMツリーの構築が行われ、ルート要素を選択した状態のjQueryオブジェクトが得られます。

ですから例えば <img src="http://example.com" /> から src属性を取り出すのと同じように、jQueryの .attr() メソッドが使えます。

var xml = '<foo><enclosure url="http://example.com" /></foo>';
var thisItem = $(xml);
console.log(thisItem.children('enclosure').attr('url'));

上記のコードに console.log(typeof thisItem.children('enclosure')) を書き足せば、 object という文字列が出力されます。undefined は何かの間違いのような気がします。

ちなみに、jQueryオブジェクトはDOMのElementオブジェクトの配列に各種メソッドを足したようなオブジェクトです。ほとんどのメソッドは .children() のように再びjQueryオブジェクトを返すか、.attr() のように取得した値を返すかのどちらかで、[0].get(0) などを使って取り出さない限り NodeやNodeListなどのDOMのオブジェクトが直接現れることはありません。

1
  • thisItem.children('enclosure').attr('url')で希望結果を取得できました。console.log(typeof thisItem.children('enclosure')) で、 object を確認できました(undefined が表示されたと思ったのですが、勘違いでした)
    – re9
    Commented 2016年12月20日 10:34

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。