返回列表 發帖

只作用正在點擊的物件

我網頁內有很多個播放按鈕,但是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">

你可以用 $(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">
To infinity and beyond!

TOP

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

TOP

返回列表 回復 發帖