jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化

標題: 只作用正在點擊的物件 [打印本頁]

作者: moonster 時間: 2009-5-14 11:52 標題: 只作用正在點擊的物件

我網頁內有很多個播放按鈕,但是class或id都是一樣的,不過我希望當被點擊的時候,只有當下的那個變成暫停的按鈕,
請問一下用jquery該怎麼做呢,我目前點了之後,所有的都會一起變成暫停的按鈕,
麻煩大家了！

<script language=javascript type="text/javascript">
$(function() {
         $('.listenmusic').click(function(event) {
         if (event.target == this){
         $('.listenmusic').removeAttr("src");
         $('.listenmusic').attr("src","stop.gif");
         }
   });
   });
</script>

<img src="paly.gif" class="listenmusic">

作者: wmh 時間: 2009-5-14 13:55

你可以用 $(this) 表示目前被點的按鈕，最簡單的方式是全部 reset 再單獨為目前這個設定為 stop

<script language=javascript type="text/javascript">
$(function() {
  $('.listenmusic').click(function(event) {
    $('.listenmusic').attr("src", "paly.gif");
    $(this).attr("src", "stop.gif");
  });
});
</script>

<img src="paly.gif" class="listenmusic">

作者: moonster 時間: 2009-5-14 15:07

謝謝wmh解答，跟我最後解決的方式一樣，又學了一個簡單卻重要的東西
非常感謝喔！

歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://jsgears.com/)