jquery - jqueryを使用してクリックイベントでリンクボタンの画像を置き換える方法

Question

私はjqueryが初めてです..ビューページに次のリンクボタンがあります

<div id = 'image'>
<%= link_to_function image_tag("play_images.jpeg",:width => 30, :height => 30,:align => 'left', :title => 'Play'),:id => 'play'%>
</div>

このためのjqueryは何でしょう..

jQuery("#play").click(function() {
       //What to write here to replace image of button

});

Answer 1

jQuery("#play").click(function() {
       //What to write here to replace image of button
   jQuery(this).css('background-image','your_image_url');
});

Answer 2

link_to_function image_tag

イメージタグを生成します。画像の src 属性を変更するだけです。

$("#play").click(function() {
   this.src = 'path_to_your_image.jpg';
});

お役に立てれば。