jQuery 複数のfind()

ID hogeの中のimgとiframeのsrcを取得したいです。

imgだけなら、こう書きます。
$('#hoge').find('img').each(function(){
alert($(this).attr('src');
});

imgとiframeの両方としたい場合、どうしたら良いでしょうか？
いっぺんに取れない仕様の場合、find('img')とfind('iframe')で取得したオブジェクトを
マージする方法でもよいです。

以上、よろしくお願いいたします。

No.2 ベストアンサー 回答者： kuzumiHK 回答日時： 2012/04/14 23:01

jQueryの場合、cssセレクタの指定方法と同じですので、

img,iframeと2つ指定すれば動きます。

$('#hoge').find('img,iframe').each(function(){
alert($(this).attr('src'));
});

この回答へのお礼

kuzumiHKさん、ご回答ありがとうございました。

できました！

お礼日時：2012/04/14 23:23

No.1 回答者： tracer 回答日時： 2012/04/14 21:17

私もその方法を知りたいです！

その方法がわからなかったので、私の場合は、自分のルールでセレクタを拡張して要素を取得してます。
例の場合は、imgとiframeにマッチするセレクタを作ってみます。

JS-------------------

//セレクタを拡張
$.extend($.expr[":"],{
img_iframe: function(a){
var tagname=$(a).get(0).tagName;
return (tagname=="IMG"|tagname=="IFRAME");
}
});

//拡張したセレクタを使用
$("#hoge").find(":img_iframe").each(function(){
console.log($(this).attr("src"));
});

この回答へのお礼

tracerさん、ご回答ありがとうございました。

No2さんの回答でできました。

どうも。

お礼日時：2012/04/14 23:22