Question

我有一个通过PHP和SQL生成的列表，在每个样式行中我都有一个收藏夹按钮。我想要它，所以当我点击收藏夹按钮时，它会切换一个改变它颜色的类。

它适用于第一个，但我列表中的任何其他按钮都不起作用。

     <button id="favorite" type="button" class="btn btn-xs btn-success" title="Follow">
         <span class="glyphicon glyphicon-star"></span>
     </button>

     <script>
        $("#favorite").click(function() {
          $(this).toggleClass('clicked');
        });
     </script>

我在发布之前看过类似的问题，但我没有看到任何与我想要完成的事情相关的事情，甚至谷歌也没有真正帮助我。我确信这是一项简单的任务。我是JQuery的新手

Answer 1

如果您将id更改为class，您的代码应该可以正常运行：

 <button class="favorite btn btn-xs btn-success" type="button" title="Follow">
     <span class="glyphicon glyphicon-star"></span>
 </button>

 <script>
    $(".favorite").click(function() {
      $(this).toggleClass('clicked');
    });
 </script>

Answer 2

您对多个元素使用相同的ID。添加一类收藏夹并尝试这样做：

$(".favorite").click(function() {
     $(this).toggleClass('clicked');
 });

Jquery选择按钮

2 个答案: