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

Question

我有一些圖標與jQuery toggleClass()切換圖標，讓我們說圖標A和圖標B，點擊。我也想要一個提示框，從圖標改變時，圖標B.

我申請click()方法連同alert()但警告框只是我點擊圖標每次顯示出來（或者從圖標切換時，只顯示了到圖標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."); 
}); 

Updated pen