How to call image src attribute in jquery

Question

i have done some code in jquery but where i commented in this bellow code i need to call image src instead of .text can any one help for my question.

$(".open").live('click', function () {
                $("#navMenu").animate({
                    width: "85px"
                }, {
                    queue: false,
                    duration: 500,
                    complete: function () {
                        //$(".open").text("CLOSE");
                        var $this = $(".open");
                        $this.removeClass();
                        $this.addClass("close");
                    }
                });
            });

            $(".close ").live('click', function () {
                $("#navMenu ").animate({
                    width: "52px"
                }, {
                    queue: false,
                    duration: 500,
                    complete: function () {
                        //$(".close").text("OPEN");
                        var $this = $(".close");
                        $this.removeClass();
                        $this.addClass("open");
                    }
                });
            });
        });

Willem D'Haeseleer · Accepted Answer · 2012-03-30 13:17:43Z

4

This should give you the src :

var source = $("#myImage").attr("src");

answered Mar 30, 2012 at 13:17

Willem D'Haeseleer

20.3k10 gold badges69 silver badges104 bronze badges

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

2 Comments

user1254422 Over a year ago

this below format is not working $(".open").attr("src","images/open_arrow.png");

Willem D'Haeseleer Over a year ago

I will need more context to determine what is going wrong, it might be a good idea to make a new question for this so you can include all the details.

KP. · Accepted Answer · 2012-03-30 13:19:24Z

0

Assuming .close is the collection of your images, you can get the src attribute value(s) simply by using:

var src = $('.close').attr('src');

If you want to alter the src attribute:

$('.close').attr('src', 'my new value');

jQuery .attr() API documentation

answered Mar 30, 2012 at 13:19

KP.

13.8k3 gold badges42 silver badges60 bronze badges

Comments

Jack · Accepted Answer · 2012-03-30 13:20:47Z

0

I'm guessing you are trying to set/change the src attr, to so you can do something like

 $('#image').atrr('src', newSrc);

http://api.jquery.com/attr/

answered Mar 30, 2012 at 13:20

Jack

11k13 gold badges52 silver badges65 bronze badges

Comments

Shyju · Accepted Answer · 2012-03-30 13:21:30Z

0

helmus answer is correct for getting the image src value,

If you want to set the src value, you should do like this

$("#myImage").attr("src","http://newimage.com/new.jpg");

answered Mar 30, 2012 at 13:21

Shyju

220k106 gold badges421 silver badges499 bronze badges

Collectives™ on Stack Overflow

How to call image src attribute in jquery

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related