jqueryでsrcの値を変更するには？

Question

HTML構造：IMGのSRCの値を変更する方法

<div class="myimages"> 
    <div id="mainimg"><img src="images/Pic/1.jpg"></div> 
    <div id="addimg"> 
     <li class="addimg"><img src="images/Pic/1_01.jpg"></li> 
     <li class="addimg"><img src="images/Pic/1_02.jpg"></li> 
     <li class="addimg"><img src="images/Pic/1_03.jpg"></li> 

    </div> 
</div> 

（<div id="mainimg">中）マウスが二李に置くjquery.namelyによってaddimgで、李上でマウスホバー、<div id="mainimg"><img src="images/Pic/1.jpg"></div>に<div id="mainimg"><img src="images/Pic/1_02.jpg"></div>に変更されます。いつ第1または第3のliに。変更は同じです。あなたは、イベントハンドラをバインドすることができ、あなたがliからマウスを移動すると、画像が戻っ1.jpgに変更したくないと仮定すると、

jQuery('li.addimg').onmouseover(function() { 
    jQuery('#mainimg img').attr('src', jQuery(this).children('img').attr('src')); 
} 

Answer 1

このような何かが動作するはずです：

$('li.addimg').hover(function() { 
    var src = $(this).find('img').attr('src'); 
    $('#mainimg img').attr('src', src); 
}); 

これらのliのホバーイベントをキャッチして、ホバーがトリガーされているliの中のimgのsrcをつかんで、それをidのdivの中のimgの新しいsrcとして設定しています"mainimg"

Answer 2

それはこのようなものでなければなりません感謝mouseoverイベントとliに1で画像を交換するreplaceWithを使用します。

$("li.addimg").mouseover(function() { 
    $("#mainimg img").replaceWith($(this).find("img")); 
}); 

Answer 3

：あなたは

Answer 4

はこれを試してみてください：

$('.addimg').mouseover(function() { 
    $('.mainimg img').attr('src', $(this).find('img').attr('src')); 
}); 

Answer 5

あなたはそれが

$(".adding").hover(function() { 
     var hoverImg = HoverImgOf($(this).attr("src")); 
     $("#mainimg img").attr("src", hoverImg); 
    } 

Answer 6

試し従うAAS達成することができます：

を

http://jsbin.com/ifofot/edit#javascript,html

$('#addimg li.addimg img').on('mouseover',function(){ 
$(this).parents(".myimages").find("#mainimg img").attr('src',$(this).attr('src')); 


});