2014-09-11 4 views
0

У меня есть DIV, называемый MainDiv. Мне нравится заменять содержимое DIV на изображение нажатием кнопки. Я попробовал , чтобы заменить его в клике даже в JQuery, но что-то случилось.JQuery - Замените содержимое DIV на изображение

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

Я ничего не теряю?

+3

'div' не имеет' src' атрибут вроде 'img' тег делает. Вы должны попробовать что-то вроде '$ ('# MainDiv'). Html (''); вместо этого. – briansol

ответ

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

Пожалуйста, прочитайте [ответ] –

0

Вы можете использовать replaceWith()

$('#MainDiv').replaceWith("<img id='MainDiv' src='images/Img1.jpg'/>"); 
0
<div> <img src="" id="img"/> </div> 
<input type="button" id="btn" value="Click"> 


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

DEMO

Смежные вопросы