javascript - 複数のネストされたiframeソースから「src」属性を取得する方法

Question

ネストされたiframeから画像「src」を取得したかったのです。基本的にはiframe内のiframeです。ローカルプロジェクトでは、どういうわけかプロジェクトからiframeにアクセスできましたが、以下のデモでは、ネストされたiframeをターゲットにする際に問題が発生しました。これは、jsbinがiframeをさらにいくつかのiframeにネストしたためと考えられます。

私の主な問題は、実際には各画像の「src」属性をフェッチし、ベースURLの名前を後で宣言する名前に変更することです。

ゴール：

1. ネストされたiframe（'box1'）からすべての画像「src」を取得します（ソース：http：//jsbin.com/oqeduf）
2. ベースURLを後で何かに置き換えます。
3. ボディ上のすべての画像の場所を追加します。

問題のデモはここにあります：http：//jsbin.com/arijuy/

Answer 1

これで始められるはずです...

jQuery("#box2").contents().find("#box1").contents().find("img").each(function() {
    // Do what you want to the image here using jQuery(this)
    jQuery("body").append(this);
});