商品のためのJqueryのお気に入りボタン

Question

私のフォントawsomeアイコンをWebメソッドに送信するjqueryのクリック機能を使用できるようにしたい私の問題は、iconFavourites_productcodeの形で複数の画像を持つことになります。製品コードはその識別番号顧客が手に入れたい製品コード。

これはasp.netプラットフォームのvb.netアプリケーションです。

$('i.button').click(function(){ 
    var $this = $(this); 

    if ($this.hasClass('fa-heart-o')) { 
     $this.removeClass('fa-heart-o'); 
     $this.addClass('fa-heart'); 
    } else { 
     $this.removeClass('fa-heart'); 
     $this.addClass('fa-heart-o'); 
    } 
}); 

は、私は私はアイコンを変更するには、上記を使用することはできませんが、人はそのことデシベルと黒にこれを追加したときに、私がやりたいすべてが赤にアイコンを変更です。私はちょっと

[WebMethod] 
Function FaveProduct(productId As String,ActiveState as int) 

End Function 

などのWebメソッドのいくつかを持っているだろうと考えた私はポストはWebMethod属性に私のボタンクリックを送って使用してしまう私は、このためのjQueryを使用することができますが、どのように私の質問はどのように確認してくださいまたは何最善の方法にはありませんアクティブなアクティブ状態を自分の関数に送ります。私はActiveState 1が2を削除したと考えていました。私はどのように私はjqueryの投稿でこれをコード化するか教えてくれますか？

私は、使用しているアイコンの名前部分からどのようにIDを分離する必要もありません。

Answer 1

これはjQueryとCSSで直接行うことができます。 は今、このクラスを追加jQueryのを使用してfav_color

<style> 
.fav_color{ 
    color:red; 
    } 
</style> 

それをという名前の新しいクラスを追加します。

$this.addClass('fav_color'); 

それとも、あなたのWebMethod属性に

$this.removeClass('fav_color');