0

[親] ページに非表示の要素があります。

<div class=output-data style="display:none">
    <h1>Testing!</h1>
</div>

そして今、ページに埋め込まれた iFrame を取得して.output-datadiv を見つけ、その内容を var に割り当ててから、ドキュメントとしてそれ自体に追加しようとしています。したがって、私の iFrame マークアップは文字通り次のとおりです。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.0.min.js"><\/script>')</script>
<script>

    var outputData;
    (function($){

        outputData = $(window.parent.document).find('div.output-data').html();
        $(document.body).append(outputData);

})(this.jQuery);

</script>

つまり、iFrame に div の HTML コンテンツを想定させて表示させようとしていますが、.output-dataうまくいかず、その理由がわかりません。Web インスペクターで何も見つかりませんか? 誰でも知っていますか?

4

2 に答える 2

1

セレクタ コンテキスト引数を使用します。

$('div.output-data',window.parent.document).html();
于 2013-04-26T16:43:26.220 に答える
0

必要なコンテンツを返す JS メソッド (GetData) を親で定義します。このメソッドは、window.parent プロパティを介して iframe から呼び出すことができます。

function GetData(){
  return $(".output-data").html();
}

Ex: from the iframe: var content = window.parent.GetData()
于 2013-04-26T04:32:38.423 に答える