Javascript 如何使用JS将空的星形图标按钮更改为星形图标按钮？

这似乎只有在单击glyphicon本身时才会更改glyphicon。我想在单击按钮时更改它

<script>       
      $('.glyphicon').click(function(){
$(this).toggleClass('glyphicon-star-empty glyphicon-star');
});     
    </script>

<button class="btn btn-default">
    <span class="glyphicon glyphicon-star-empty"></span>
  </button>

$（'.glyphicon'）。单击（函数（）{
$（this.toggleClass（'glyphicon-star-empty glyphicon-star'）；
});     

您可以使用此jQuery代码

$(document).ready( function() {
    $('.btn').click(function(){
        $(this).find('.glyphicon').toggleClass('glyphicon-star-empty glyphicon-star');
    });     
})

---

您必须在按钮上绑定事件，而不仅仅是图标，否则它将仅在单击星号时触发。

您还需要添加

glyphion星号

类，以便在单击按钮时跨越。在这个片段中，它只是在点击按钮后才完成的。对不起，我真的不知道这一切。我不明白我必须做什么。您知道如何使用jQuery向按钮添加单击功能吗？