Jquery-traversal-contents

提供:Dev Guides
移動先:案内検索

jQuery-contents()メソッド

説明

  • contents()*メソッドは、一致した要素(テキストノードを含む)内のすべての子ノード、または要素がiframeの場合はコンテンツドキュメントを検索します。

構文

このメソッドを使用するための簡単な構文は次のとおりです-

selector.contents( )

パラメーター

これは、この方法で使用されるすべてのパラメータの説明です-

  • NA

iframeで使用するhtmlファイルlink:/jquery/index [index]があるとします。

親ウィンドウからiframe内のオブジェクトにアクセスする方法を示す次の例を試してください。 この操作は、* contents()*メソッドのために可能になりました。

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript"
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>

      <script>
         $(document).ready(function(){
            var $content = $("iframe").contents();
            $content.find("body").append("I'm in an iframe!");
         });
      </script>
   </head>

   <body>
      <iframe src = "/jquery/index" width = "300" height = "100"></iframe>
   </body>
</html>

これにより、次の結果が生成されます–