Passing Jquery object to function not working for IMG

Question

I want to pass Jquery object to function but its not working for IMG tag.

I made below example.When I click on the text it works , But when I click on image its not working.

$(document).on('click','.playvid',function (event) { event.stopPropagation(); popup($(event.target)); }); function popup(data) { data.html("success"); }

.playvid { cursor:pointer; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div data-id="3ZdHRvPNyCI" class=" playvid" ><img src="https://cdn4.iconfinder.com/data/icons/iconset-addictive-flavour/png/button_green_play.png">WATCH DEMO</div>

Rory McCrossan · Accepted Answer · 2015-06-11 10:52:37Z

The issue is because, depending on where you click, event.target can be the img element, which cannot contain html. Instead, pass $(this) to your function as that will contain the .playvid element:

$(document).on('click', '.playvid', function(event) { event.stopPropagation(); popup($(this)); }); function popup(data) { data.html("success"); }

.playvid { cursor: pointer; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div data-id="3ZdHRvPNyCI" class="playvid"> <img src="https://cdn4.iconfinder.com/data/icons/iconset-addictive-flavour/png/button_green_play.png"> WATCH DEMO </div>

Sougata Bose · Accepted Answer · 2015-06-11 10:56:01Z

2

You can simply pass the object by class -

popup($('.playvid'));

For multiple .playvid class -

popup($(this));

edited Jun 11, 2015 at 10:56

answered Jun 11, 2015 at 10:55

Sougata Bose

31.8k8 gold badges52 silver badges89 bronze badges

1 Comment

Vishnu Over a year ago

I have multiple playvid class

SilentTremor · Accepted Answer · 2015-06-11 11:08:58Z

$(document).on('click','.playvid',function (event) { event.stopPropagation(); popup($(event.currentTarget)); });

where currentTarget is all the time the last warping object of all objects having '.playvid' as rule.

Collectives™ on Stack Overflow

Passing Jquery object to function not working for IMG

3 Answers 3

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Related