如何使用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");

它会将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();
    });
});