JQuery - 用Image替换DIV的内容

Question

我有一个名为MainDiv的DIV。我喜欢用点击按钮的图像替换DIV的内容。我试过了 即使在Jquery中也可以在点击内替换它，但发生了一些事情。

    $('#MainDiv').attr('src', 'images/Img1.jpg ');

我错过了什么吗？

Answer 1

$("#MainDiv").html( "<img src='images/Img1.jpg'>" );

Answer 2

您可以使用replaceWith()

$('#MainDiv').replaceWith("<img id='MainDiv' src='images/Img1.jpg'/>");

Answer 3

<div> <img src="" id="img"/> </div>
<input type="button" id="btn" value="Click">


$(document).ready(function () {
    $( "#btn" ).click(function() {
        $("#img").attr("src", src);
   });
});

<强> DEMO