如何使用toggle元素操纵alert（）？

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

更新笔