2

私は「ページA」を持っています。このページには、iframe「ページ B」と表示されている があります。

<iframe id="iframeD" src="https://trello.com" width="600" height="600">
  <p>Your browser does not support iframes.</p>
</iframe>
<div id="cTitle">Hello</div>​

(実際の例については、次のフィドルを参照してください: http://jsfiddle.net/noscirre/yYkUN/ )

「ページ B」にはdividの が含まれていlandingHeaderます。「ページ A」で jQuery 呼び出しを作成するにはどうすればよいdivですdivかcTitle?

4

7 に答える 7

4 
 $("iframe").contents().find("#dTitle").attr('id','cTitle').html($('#cTitle').html());
于 2012-09-18T20:05:55.540 に答える
3
于 2012-09-18T21:06:18.910 に答える
1

iframeドメインが親ドメインと同じである場合にのみ変更できます。その場合は、contentWindowプロパティを使用して親ウィンドウからiframeにアクセスすることで変更できます。

于 2012-09-18T19:55:39.390 に答える
0

コンテンツだけを変更したい場合は、次のようにします。

$("div#bTitle").html($("div#cTitle").html());
于 2012-09-18T19:54:50.327 に答える
0

これを試して：

 $("#iFrame").contents().find("#dTitle").attr('id','cTitle');
于 2012-09-18T19:58:59.043 に答える
0

両方が同じ親DOMを共有しない限り、iFrameが問題になる可能性があると思います。ただし、とにかく、楽しみのために、この迅速でシンプルな jQuery プラグインを起動して、役立つ可能性があります。

プラグインが更新さ れました古い要素よりも置換を返す方が理にかなっているため、変更されました

$(function() {
    if (!$.replaceWith) {
        $.extend({
            replaceWith: function(ele, newEle) {
                ele.each(function(i) { $(this).before(newEle).remove(); });
                return newEle;
            }
        });
        $.fn.extend({
            replaceWith: function(newEle) { return $.replaceWith($(this), newEle); }
        });
    }
});

簡単な使用

$("#someElementID").replaceWith($("#anotherElementID"));
// or
$.replaceWith($("#someElementID"), $("#anotherElementID"));

例えば：

$("#dTitle").replaceWith($("#cTitle"));
于 2012-09-18T20:23:29.173 に答える
0

この投稿を確認してくださいjQueryを使用して要素のIDを変更する

$(this).attr("id","newId");
于 2012-09-18T19:54:26.923 に答える