作者qazsd (知足常乐)
看板Web_Design
标题[问题] 将剩余的物件依序显示
时间Tue Dec 1 13:51:05 2015
<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了
有没有大大可以指出一下问题出在哪？
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 59.124.165.65
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1448949067.A.7A8.html
2F：→ irena4: 虽然页面上是消失，但div的dom还是存在页面上，所以用 12/01 14:58
3F：→ irena4: :first 就没用，我这边改用:visible:first 12/01 14:59
4F：推 sa0124: 又学到一个新用法 感谢楼上 12/01 16:06