gpt4 book ai didi

javascript - 在 iframe 中隐藏内容?

转载 作者:太空狗 更新时间:2023-10-29 15:49:28 29 4
gpt4 key购买 nike

这是我的情况。

我有一个名为 iframe.html 的文件。下面有代码,

<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset="UTF-8"/>
<title>Pluign Development</title>

<script src="js/jquery-1.11.0.js" type="text/javascript"></script>
</head>

<body>

<iframe id="abc" src="test.html"></iframe>
<div id="sub">click</div>
</body>

<script src="js/script-22.js" type="text/javascript"></script>
</html>

我有 test.html 文件。下面有代码,

<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset="UTF-8"/>
<title>Pluign Development</title>

</head>

<body>

<div id="red">prasanga karunanayake </div>
</body>


</html>

这是我试过的js代码,

(function($){ 

var fire = {
init:function(){
$('#sub')
.on('click', function(){
$('#red', parent.document).css('display','none');
});
}
};
fire.init();

}(jQuery));

这是我的情况。

我需要隐藏 <div id="red">prasanga karunanayake </div>在 test.html 文件中。如果我点击<div id="sub">click</div>然后隐藏 test.html 中的 html 内容。

我很困惑,感谢您的帮助。

最佳答案

您可以这样使用 .contents():

$('#abc').contents().find('#red').hide();

另一件事是,当您将代码包装在一个闭包中时,该闭包会在浏览器中获取页面响应时运行。因此,此代码更改可能不起作用。

相反,我建议您为此也放置一个 dom ready block :

(function($){ 
$(function(){ // <---add this block from here to
var fire = {
init:function(){
$('#sub').on('click', function(){
$('#abc').contents().find('#red').hide();
});
}
};
fire.init();
}); //<----here
}(jQuery));

关于javascript - 在 iframe 中隐藏内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30232738/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com