Getting the element in foreach.click function in Jquery

Question

I have this code.

   jQuery(document).ready(function () { 
        if (navigator.appName == "Microsoft Internet Explorer") {
            $("label img").each(function (i) {
              $(this).click(imageClikced);  
            });
        }
    });

   function imageClikced(img) {
        alert(img.type);
    }

in alert box I am getting img.type as click. How should I pass the image to the imageClikced function as parameter.

Thanks for any help.

I'm not entirely clear on what you're trying to do, but inside the imageClicked function, this will be a reference to the clicked element. — James Allardice
– James Allardice, Commented Aug 1, 2012 at 9:06

Rune FS · Accepted Answer · 2012-08-01 09:08:01Z

2

The context object of an event handler (this) is the element it self so do this

function imageClikced() {
   alert(this);
}

answered Aug 1, 2012 at 9:08

Rune FS

21.7k7 gold badges65 silver badges101 bronze badges

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

Comments

Esailija · Accepted Answer · 2012-08-01 09:06:25Z

2

The first argument to a jQuery event handler is the jQuery event object, which has a property type that tells the type of the event that was fired.

You can refer to the image from .currentTarget of the event object:

function imageClikced(e) {
    alert(e.currentTarget);
}

answered Aug 1, 2012 at 9:06

Esailija

140k24 gold badges280 silver badges328 bronze badges

Collectives™ on Stack Overflow

Getting the element in foreach.click function in Jquery

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