How to change content of div using jquery or js?

Question

HTML

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

JS

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

});
</script>

How to change anchor tag to <a href="/home/" id="one"><img src="images/img2.png"/></a> ?

score 1 · Answer 1 · answered Mar 12 '13 at 11:45

1

Use the following code:

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

It will change the src property of <img> element to "images/img2.png".

answered Mar 12 '13 at 11:45

VisioN

143,310
32
282
281

Change `prop` to `attr` Read http://api.jquery.com/attr/ and http://api.jquery.com/prop/ – Rohan Kumar Mar 12 '13 at 11:48
@RohanKumar Could you tell me why do I need to change `prop` to `attr`? – VisioN Mar 12 '13 at 11:48
It depends upon the jquery version, check [this](http://stackoverflow.com/questions/5874652/prop-vs-attr). – Praveen Mar 12 '13 at 11:53
Are you serious, guys? Use slow `attr` because `prop` is not supported by ancient versions of jQuery? – VisioN Mar 12 '13 at 11:58

score 0 · Answer 2 · answered Mar 12 '13 at 11:46

0

Try:

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

answered Mar 12 '13 at 11:46

Rohan Kumar

40,431
11
76
106

How to change content of div using jquery or js?

2 Answers2