[问题] (jQuery)将剩余的div物件显示

楼主: qazsd ( )   2015-12-01 13:51:05
<style>
.aa {
display:block;
}
</style>
</head>
<body>
<input id="btnTest" value="隐藏" type="button">
<div class="aa">itme 1</div>
<div class="aa">itme 2</div>
<div class="aa">itme 3</div>
<div class="aa">itme 4</div>
<div class="aa">itme 5</div>
<script type="text/javascript">
$("#btnTest").click(function(){
$('div.aa[display:block]:first').fadeOut(1000);
});
</script>
</body>
预期是每点一次"隐藏"按钮,就可以将第一个类别为"aa"的Div fadeOut
但上述程式点了第一次后,第一个Div有fadeOut
但再次点击,就没有将剩余的Div fadeOut了
有没有大大可以指出一下问题出在哪?
作者: irena4 (Irena)   2015-12-01 14:57:00
http://jsbin.com/zucimo/edit?html,js,output虽然页面上是消失,但div的dom还是存在页面上,所以用:first 就没用,我这边改用:visible:first
作者: sa0124 ((恩恩))   2015-12-01 16:06:00
又学到一个新用法 感谢楼上

Links booklink

Contact Us: admin [ a t ] ucptt.com