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 更改为 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>