Passing a value from html to javascript function on click?

Question

Basically, on clicking any image on a html page I want the id associated to be passed to a function. This is what I have tried. It seems I am making a minor mistake here as I am getting the first id passed no matter what image I click from the array. I tried $(this).attr("id") as well, but did not work.

            for(var i=0;i<jsonObj.length-1;i++){
                var rows = '';
                var bg_img = jsonObj[i].img;
                var bg_img = decodeURIComponent(bg_img);                    
                rows = "<img id='" + jsonObj[i].source_id + "' src='" + bg_img + "'/>";                 
                document.getElementsByClassName('subscription')[i].innerHTML = rows;
            }                           

            $("body").delegate(".subscription", "click", function() {
                //  var id = $(this).attr("id");
                    alert("Welcome Test " + $('img').attr("id"));
                return false;
            });

John · Accepted Answer · 2013-07-28 20:37:21Z

1

$("img").click(function()
{
    var id = $(this).attr("id");
});

answered Jul 28, 2013 at 20:37

John

6,3274 gold badges48 silver badges93 bronze badges

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

Comments

Niet the Dark Absol · Accepted Answer · 2013-07-28 20:37:27Z

0

Your $('img') selector is not confined to any specific area, so it will give you the first image on the entire page.

Try $('img',this) instead.

answered Jul 28, 2013 at 20:37

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Collectives™ on Stack Overflow

Passing a value from html to javascript function on click?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related