jQuery get parent with specific class

Question

I am listening to clicks on an element with a specific class. When I click inside this element I want to get this element, not the children I clicked on. How do I avoid getting children back when I call

event.target

Here is fiddle I created to demonstrate the problem https://jsfiddle.net/yxvfgkcs/

Since I get children back they get CSS applied to them instead of the parent.

How do I figure out I have clicked on a child of element and get the element with class selectable back?

Jaqen H'ghar · Accepted Answer · 2017-04-01 15:23:47Z

1

Since you're already using jQuery you can use .closest():

var clickedField = $(e.target).closest(".selectable");

See updated JSFiddle

answered Apr 1, 2017 at 15:23

Jaqen H'ghar

17k8 gold badges52 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

jQuery get parent with specific class

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related