单击时将ion-android-star-outline更改为ion-android-star

Question

我尝试使用onClick，但不确定使用它的功能。我无法点击它。

<i className="ion-android-star-outline" ></i>

我使用了<i>标记。我该怎么从这里开始？

Answer 1

你在找这样的东西吗？

$('i').click(function(){
    $(this).toggleClass("ion-android-star-outline ion-android-star");
});

i{
  font-size: 50px;
  cursor: pointer;
}

<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<i class="ion-android-star-outline"></i>