在我的网站上,我有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/

10-11 23:24
查看更多