jQuery append to src

Question

I'm trying to refactor my existing code to now use jQuery and I can't figure out how to append my info to my src

Here was my existing line:

document.getElementById("itemDetail").src = detailUrl;

This is what I'm trying:

$("#itemDetail img src").append(detailUrl);

This is my snip of html:

<div id="detailsPane">
  <img src="images/blank-detail.jpg" width="346" height="153" id="itemDetail" />
</div>

append or set/replace src (fomr the look of your original js, you are replacing)? — Pete
– Pete, Commented May 3, 2017 at 13:56

Pr3ds · Accepted Answer · 2017-05-03 14:05:41Z

3

use attr

example:

$(this).attr("src", src);

you can see more in http://api.jquery.com/attr/

edited May 3, 2017 at 14:05

answered May 3, 2017 at 13:56

Pr3ds

3584 silver badges14 bronze badges

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

1 Comment

StefanJM Over a year ago

This is how to replace, not how to append to "src".

Mohamed-Yousef · Accepted Answer · 2017-05-03 13:59:34Z

2

First of all your selector should be $("img#itemDetail")

> If you need to set src you can use

$("img#itemDetail").attr('src' , detailUrl);

> If you need to append to the src you can use

$("img#itemDetail").attr('src' , $("img#itemDetail").attr('src') + detailUrl);

answered May 3, 2017 at 13:59

Mohamed-Yousef

24k3 gold badges21 silver badges28 bronze badges

Comments

Vandolph Reyes · Accepted Answer · 2017-05-03 14:03:49Z

1

You're almost there.

detailUrl = 'image.png';
$("#itemDetail").attr('src', detailUrl);

answered May 3, 2017 at 14:03

Vandolph Reyes

6206 silver badges18 bronze badges

Comments

alessandrio · Accepted Answer · 2017-05-03 14:07:41Z

0

this line:

document.getElementById("itemDetail").src = detailUrl;

in jQuery is:

$('#itemDetail').attr('src'...

you need

$('#itemDetail').attr('src',function(i,e){
    return e+=detailUrl;
})

answered May 3, 2017 at 14:07

alessandrio

4,3802 gold badges31 silver badges42 bronze badges

Collectives™ on Stack Overflow

jQuery append to src

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related