iframeとアラート内のjQueryターゲットID

私のコードは以下の通りです。iframeとアラート内のjQueryターゲットID

<!DOCTYPE html> 
<html> 

    <head> 
    <title>TODO</title> 
    </head> 

    <body> 
    <div id="btn"> 
     <button id="clickme">Click Me</button> 
    </div> 
    <div class="iframebox"> 
     <iframe id="messageiframe"> 
     <html> 

     <head> 
      <title>test</title> 
     </head> 

     <body> 
      <div id="textpreview"> 
      <p id="pre">some text</p> 
      </div> 
     </body> 

     </html> 
     </iframe> 
    </div> 
    </body> 

</html>

私はjQueryのを使用してのiframe内id="textpreview"をターゲットにしようとしています。 iframe外のIDは正常にターゲティングできますが、iframe内はターゲティングできません。

私のjQueryのコードは次のとおりです。

$('#clickme').on('click', function() { 
    if ($("#textpreview").length > 0) { 
    alert("success"); 
    } 
});

私はこれをどのように達成することができますか？

ありがとうございます。

出典

2017-07-07 Snappy

jqueryプラグインはどこですか？ –

使用 "の内容（）"

$("#messageiframe").contents().find("#textpreview")

https://api.jquery.com/contents/

出典

2017-07-07 13:27:35 jvenema

<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <title>TODO</title> 
 
    </head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <body> 
 
    <div id="btn"> 
 
     <button id="clickme">Click Me</button> 
 
    </div> 
 
    <div class="iframebox"> 
 
     <iframe id="messageiframe"> 
 
     <html> 
 

 
     <head> 
 
      <title>test</title> 
 
     </head> 
 

 
     <body> 
 
      <div id="textpreview"> 
 
      <p id="pre">some text</p> 
 
      </div> 
 
     </body> 
 

 
     </html> 
 
     </iframe> 
 
    </div> 
 
    </body> 
 
<script> 
 

 
$('#clickme').on('click', function() { 
 

 
    if ($("#textpreview").has("pre")) { 
 
    alert("success"); 
 
    } 
 
}); 
 
</script> 
 
</html>

それはIDを持っているかどうかを確認してください。

出典

2017-07-07 13:30:16

iframeとアラート内のjQueryターゲットID

答えて

関連する問題