jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 » JavaScript 討論 » 只作用正在點擊的物件

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

[code js]
<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">[/code]

moonster 發表於 2009-5-14 15:07

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

查看完整版本: 只作用正在點擊的物件