如何通過jquery更改src的值？

Question

HTML結構：

<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> 

如何改變IMG SRC的值（這在<div id="mainimg">）當在利鼠標懸停在其通過addimg jquery.namely，當在第二立鼠標懸停，<div id="mainimg"><img src="images/Pic/1.jpg"></div>將更改爲<div id="mainimg"><img src="images/Pic/1_02.jpg"></div>。當在第一或第三裏。變化是一樣的。謝謝

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

應該是這樣的：

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

Answer 3

假設你不想當您移動鼠標關閉li圖像改回1.jpg，您可以將事件處理程序綁定到mouseover事件並使用replaceWith與一個在li更換圖像：

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

Answer 4

試試這個：

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

Answer 5

就可以實現它AAS遵循

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

Answer 6

嘗試：

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')); 


});