JQuery get attribute from HTML element var

Question

I have the following Jquery code:

 $(function () {
     $("div[id$='xxx']").click(function ()
     {
         $('.greenBorder').each(function (i, obj)
         {

         });
     });
 });

When a DIV called xxx is clicked, each HTML img with a class of greenBorder is iterated through. I would like to access the src attribute of each img. I can't figure out how to pull this value out. The obj function parameter contains the HTML element object, but how do I get the value out of that object? If this were C/Java/C#, I would cast it.

Alexander O'Mara · Accepted Answer · 2014-08-14 23:19:36Z

4

In the jQuery each function, you can access the current element with this. You can then jQuery select the element using $(this), and read the attribute with $(this).attr("src").

Example:

$(function () {
    $("div[id$='xxx']").click(function ()
    {
        $('.greenBorder').each(function (i, obj)
        {
            console.log($(this).attr("src"));
        });
    });
});

Alternatively, you could use obj in place of this. You could also read the src attribute with this.src or obj.src.

edited Aug 14, 2014 at 23:19

answered Aug 14, 2014 at 23:14

Alexander O'Mara

60.9k19 gold badges176 silver badges184 bronze badges

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

6 Comments

PeterKA Over a year ago

Would this.src, obj.src and $(obj).attr('src') work too?

Alexander O'Mara Over a year ago

@user3558931: Yes they would, I added a note of this to the answer.

user3308043 Over a year ago

Although not part of my question, how I could I get attribute values for the next element in the DOM?

user3308043 Over a year ago

I'll give you the check momentarily.

user3308043 Over a year ago

Scrap that, answered my own question with $(this).next().attr('value')

|

Collectives™ on Stack Overflow

JQuery get attribute from HTML element var

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related