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>

Answer 1

this line:

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

in jQuery is:

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

you need

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

Answer 2

use attr

example:

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

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

Answer 3

You're almost there.

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

Answer 4

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);