php - 希望Javascript Button的图像相互独立交换

目前，我有一些代码可以使图像在单击时发生变化，但是此代码位于php HTML循环中，因此事情变得很棘手，单击一个切换开关可使每个故事激活该切换开关，因为它基于CSS进行操作。我如何让他们独立交换？

<script type="text/javascript">
 $(".buy").toggle(
      function() { $(".buy").css("background-image", "url(play3.png)");},
  function() { $(".buy").css("background-image", "url(play.png)");});
</script>
     <div class="layer1"> <span class="buy" id="{STORIES.story_id}6">
     <input type="image"   class="test"></input></span>

最佳答案

在函数内部使用$（this）代替$（“。buy”），$（this）专门指该特定按钮，而$（“。buy”）指所有具有“ buy”类的元素。

<script type="text/javascript">
 $(".buy").toggle(
      function() { $(this).css("background-image", "url(play3.png)");},
  function() {$(this).css("background-image", "url(play.png)");});
</script>

关于php - 希望Javascript Button的图像相互独立交换，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15215861/