如何使用切换元素来操作警报()？

Question

我有一些图标与jQuery toggleClass()切换图标，让我们假设图标A和图标B，当点击。我还希望只有在从图标A切换到图标B时才会显示警告框。

我应用了click()方法和alert()，但是每当我单击图标时(从图标A切换到图标B或从图标B切换到图标A)，警报框就会显示出来。

有什么方法可以操纵警报盒来达到我的目标吗？请看我的笔，以获得一个更清晰的例子。谢谢。

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.");
});

更新笔