change inline html image "src" with jQuery

Question

I have two inline HTML images.

For sake of brevity, let's just say this particular mark-up is really difficult to get to, where these two images live.

One image has an ID, the other image does not, but it has a parent div with an ID. What I would like to do is, update / change the src="" of each, with raw JS or preferably smaller jQuery.

Image #1

<img id="log_im" src="./wp-content/uploads/2015/01/old_logo.png">

Image #2

<div id="txt_left">
<img style="max-width: 300px; margin-left: -14px;" src="./wp-content/uploads/2015/01/outdatedimage.png">
</div>

Rich Bradshaw · Accepted Answer · 2015-03-14 22:35:40Z

5

$("#log_im").attr('src', 'http://www.example.com/image.jpg');

$("#txt_left img").attr('src', 'http://www.example.com/image.jpg');

answered Mar 14, 2015 at 22:35

Rich Bradshaw

73.3k46 gold badges190 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mrpinkman · Accepted Answer · 2015-03-14 22:36:57Z

1

First image:

$('#log_im').attr('src','newRoute.png');

Second image

$('#txt_left img').attr('src','newRoute.png');

answered Mar 14, 2015 at 22:36

mrpinkman

2215 silver badges14 bronze badges

Comments

Håkan Fahlstedt · Accepted Answer · 2015-03-14 22:47:54Z

0

Really no need to use jQuery for this:

var img_log_im = document.getElementById("log_im");

img.log_im.src = "image url";

var div_txt_left = document.getElementById("txt_left");
div_txt_left.children[0].src = "image url";

Alternatively:

var img_log_im = document.querySelector('#log_im');

var div_txt_left_img = document.querySelector("#txt_left img");

answered Mar 14, 2015 at 22:47

Håkan Fahlstedt

2,09513 silver badges17 bronze badges

Comments

John C · Accepted Answer · 2015-03-14 23:52:06Z

0

In jQuery do both together -

$('#log_im, #txt_left img').attr('src','newRoute.png');

answered Mar 14, 2015 at 23:52

John C

3,1123 gold badges36 silver badges50 bronze badges

Collectives™ on Stack Overflow

change inline html image "src" with jQuery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related