jQuery DOM操作:attr()を使って、要素の属性値を制御(1)
CSSセレクタで、要素を指定、attr()で属性の値を取得します。次に変更する画像のhrefを取得した値に置き換えます。この場合のthisはクリックしたほうの要素を指します。
[
左のソース
]部分はクリックと連動して書き換わり、変更後のソースを確認できます。
$("#changei a").click(function(){
$("#st00 img").attr("src",$(this).attr("href"));
return false;})
ダミー画像01に変更
ダミー画像02に変更
ダミー画像03に変更
ダミー画像04に変更
ダミー画像05に変更
こちらのダミー画像を変更
左のソース