在我的网站上,我有4个窗口(由target1、target2、target3和target4标识)。在这些窗口中,我想添加一个名为“close”的按钮,并使用onClick事件调用正确的函数,具体取决于哪个窗口。
function close_window1(){
document.getElementById('target1').style.display = 'none';
}
function close_window2(){
document.getElementById('target2').style.display = 'none';
}
function close_window3(){
document.getElementById('target3').style.display = 'none';
}
function close_window4(){
document.getElementById('target4').style.display = 'none';
}
我相信还有更好的办法:
function close_window(){
$(this).parents('div').style.display='none'
}
这将只关闭具有事件的窗口,但它不起作用。
有人能帮帮我吗?
最佳答案
如果我理解正确,您可以简单地使用:
var windows = $('#target1, #target2, #target3, #target4');
windows.on('click', function() {
$(this).hide();
});
你应该考虑给按钮一个类:
HTML格式
<div class="windows">
<button class="close_window">X</button>
</div>
JS公司
var closeButtons = $('.close_window');
closeButtons.on('click', function() {
$(this).parent().hide();
});
然后你就可以得到你想要的目标:-)
当做
关于javascript - 使用JavaScript onClick关闭窗口,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25260841/