javascript - Jquery选择按钮

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为 a 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');
 });