Question

我有一些带有jQuery click()的图标来切换图标，让我们说点击图标A和图标B.我还想要一个警报框，仅在从图标A更改为图标B时显示。

我将alert()方法与{{1}}一起应用，但每次点击图标时都会显示警告框（从图标A切换到图标B或从图标B切换到图标A）

有没有办法操纵警报框来实现我的目标？请查看my pen以获得更清晰的示例。谢谢。

Answer 1

单击您的心脏时检查子i元素的类。如果它有类fa-heart，那么它已填满：

$("a[id^=heart-]").click(function(){
   if($("i", this).hasClass('fa-heart'))
      alert("I need this alert box only when I fill the hearts.");
});