Вот моя ситуация.Скрыть содержимое внутри iframe?
У меня есть файл с именем 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>
, тогда скройте содержимое html, которое находится в файле test.html.
Я в значительной степени смущен, Ваша помощь приветствуется.
Я подозреваю, что скрытие самого iframe не может быть и речи? –
Вы имеете в виду, что вам нужно скрыть '
попробуйте этот $ ('# red', window.parent.document) .css ('display', 'none'); – talsibony