javascript - jqueryまたはjsを使用してdivのコンテンツを変更するには?

Question

HTML

<a href="/home/" id="one"><img src="images/img1.png"/></a> 

JS

<script>
$(document).ready(function(){
$('#one').

});
</script>

アンカータグを に変更するには<a href="/home/" id="one"><img src="images/img2.png"/></a>?

Answer 1

次のコードを使用します。

$("#one img").prop("src", "images/img2.png");

elementのsrcプロパティをに変更します。<img>"images/img2.png"

Answer 2

試す：

$(document).ready(function(){
    $('#one').on('click',function(e){
       $(this).children('img').attr('src','images/img2.png');
       e.preventDefault();
    });
});