作者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://www.ptt.cc/bbs/Web_Design/M.1448949067.A.7A8.html
→ irena4: 雖然頁面上是消失,但div的dom還是存在頁面上,所以用 12/01 14:58
→ irena4: :first 就沒用,我這邊改用:visible:first 12/01 14:59
推 sa0124: 又學到一個新用法 感謝樓上 12/01 16:06