如何依次隐藏几个div?

时间:2017-04-07 12:47:35

标签: javascript jquery html

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

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

我将依次单击每个div中的链接,我想隐藏,我想隐藏每个单击的div。怎么做???

3 个答案:

答案 0 :(得分:1)

您必须使用javascript。可以说最流行的方法是使用jQuery和相应的代码:

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

答案 1 :(得分:0)

<强> HTML

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

<强> JS

    $(document).ready(function(){
    $("div").on('click',function(){
        $(this).hide();
    });
});

答案 2 :(得分:0)

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

<强>经验:

$("div").on('click',function(){
    $(this).hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="link">LINK</div>
<div id="link">LINK</div>
.....
<div id="link">LINK</div>