Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何依次隐藏几个div?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何依次隐藏几个div?

Javascript 如何依次隐藏几个div?,javascript,jquery,html,Javascript,Jquery,Html,比如说,, 我的网站上有大约200个div: <div>LINK</div> <div>LINK</div> ..... <div>LINK</div> 链接 链接 ..... 链接 我将依次单击每个div中的链接,我想隐藏,我想隐藏每个单击的div。如何做到这一点???您必须使用javascript。可以说,最流行的方法是将jQuery与相应的代码一起使用,大致如下: $("#link").click(function

比如说,, 我的网站上有大约200个div:

<div>LINK</div>
<div>LINK</div>
.....
<div>LINK</div>
链接
链接
.....
链接

我将依次单击每个div中的链接,我想隐藏,我想隐藏每个单击的div。如何做到这一点???

您必须使用javascript。可以说,最流行的方法是将jQuery与相应的代码一起使用,大致如下:

$("#link").click(function(){
 $(this).parent("div").hide();
})
HTML

div>LINK</div>
<div>LINK</div>
.....
<div>LINK</div>

您可以像这样使用jquery函数
hide()

Exp:

$(“div”)。在('click',function()上{
$(this.hide();
});

链接
链接
.....

LINK
通常,Javascript您只想隐藏
单击的div
或所有
div
    $(document).ready(function(){
    $("div").on('click',function(){
        $(this).hide();
    });
});