Jquery隐藏不适用于其他Div [英] Jquery hiding is not working for other Divs

问题描述

以下是隐藏代码：

Here's the code for hiding :

<script type="text/javascript">
$(document).ready(function(){
    $('a.del').click(function () {
        $('#status').hide();
    });
});
</script>

我有三个div例如：

I have three div for example :

<div id="status">
Donec faucibus quiseee est ac tempus. Praesent
sed blandit libero. Mauris eget faucibus arcu.
Ut a nunc quis neque rutrum luctus nec sed nibh.
Donec faucibus quis est ac tempus. Praesent sed blandit
libero. Mauris eget faucibus arcu.
<a href="##" class="del">Delete</a>
</div>

<div id="status">
Donec faucibus quis est ac tempus. Praesent
sed blandit libero. Mauris eget faucibus arcu.
Ut a nunc quis neque rutrum luctus nec sed nibh.
Donec faucibus quis est ac tempus. Praesent sed blandit
libero. Mauris eget faucibus arcu.
<a href="##" class="del">Delete</a>
</div>

<div id="status">
Donec faucibus quis est ac tempus. Praesent
sed blandit libero. Mauris eget faucibus arcu.
Ut a nunc quis neque rutrum luctus nec sed nibh.
Donec faucibus quis est ac tempus. Praesent sed blandit
libero. Mauris eget faucibus arcu.
<a href="##" class="del">Delete</a>
</div>

点击在del链接上Jquery只隐藏了一个div！

By clicking on "del" link Jquery is just hiding only one div !

推荐答案

（document）.ready（function（）{

(document).ready(function(){

（'a.del'）。click（function（）{

('a.del').click(function () {

（'＃status'）。hide（）;
}）;
}） ;
< / script >

('#status').hide(); }); }); </script>

我有三个div例如：

I have three div for example :

<div id="status">
Donec faucibus quiseee est ac tempus. Praesent
sed blandit libero. Mauris eget faucibus arcu.
Ut a nunc quis neque rutrum luctus nec sed nibh.
Donec faucibus quis est ac tempus. Praesent sed blandit
libero. Mauris eget faucibus arcu.
<a href="##" class="del">Delete</a>
</div>

<div id="status">
Donec faucibus quis est ac tempus. Praesent
sed blandit libero. Mauris eget faucibus arcu.
Ut a nunc quis neque rutrum luctus nec sed nibh.
Donec faucibus quis est ac tempus. Praesent sed blandit
libero. Mauris eget faucibus arcu.
<a href="##" class="del">Delete</a>
</div>

<div id="status">
Donec faucibus quis est ac tempus. Praesent
sed blandit libero. Mauris eget faucibus arcu.
Ut a nunc quis neque rutrum luctus nec sed nibh.
Donec faucibus quis est ac tempus. Praesent sed blandit
libero. Mauris eget faucibus arcu.
<a href="##" class="del">Delete</a>
</div>

点击在del链接上Jquery只隐藏了一个div！

By clicking on "del" link Jquery is just hiding only one div !

这篇关于Jquery隐藏不适用于其他Div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！