[問題] (jQuery)將剩餘的div物件顯示

看板Web_Design作者 (知足常樂)時間8年前 (2015/12/01 13:51), 編輯推噓2(202)
留言4則, 2人參與, 最新討論串1/1
<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


12/01 14:58, , 2F
雖然頁面上是消失,但div的dom還是存在頁面上,所以用
12/01 14:58, 2F

12/01 14:59, , 3F
:first 就沒用,我這邊改用:visible:first
12/01 14:59, 3F

12/01 16:06, , 4F
又學到一個新用法 感謝樓上
12/01 16:06, 4F
文章代碼(AID): #1MNJLBUe (Web_Design)