Jquery 选择按钮

Jquery selecting for button

本文关键字：按钮 选择 Jquery      更新时间：2023-09-26

我有一个通过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 相当陌生

如果您将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>

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

$(".favorite").click(function() {
     $(this).toggleClass('clicked');
 });
相关文章：