jquery: find parent()*n in nested element?

Question

the question I could never find an answer for.

imagine I have a rather the following structure inside of a div:

<div class="BOX"> <ul class="menu" role="navigation"> </li><li><a class="btn" href="#">edit</a></li> <li><a class="btn" href="#">manage</a></li> <li><a class="btn deleteBtn" href="#">delete</a></li> </ul> </div>

I want to find() div.BOX when I click on the a.deleteBtn. Since I have multiple div.BOX'es on my page I always need to find it with $(this).

so I could easily use trigger.parent().parent().parent() to select the element when inside of the deleteBtn-ClickHandler, but this doesn't look very nice. Is there a cleaner and better way to do so?

thank you.

Sarah's solution is correct. Additional information why you can't use find. find only searches for elements inside a given element. It's not for "finding" elements "outside" of an element such as parents or siblings. — RoToRa
– RoToRa, Commented Aug 11, 2011 at 8:32

Sarah West · Accepted Answer · 2011-08-11 08:24:45Z

11

try this:

$(this).closest("div.BOX")

answered Aug 11, 2011 at 8:24

Sarah West

2,0372 gold badges21 silver badges37 bronze badges

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

1 Comment

Boldewyn Over a year ago

s/box/BOX/, but apart from that it's the way to go. +1

Musakkhir Sayyed · Accepted Answer · 2017-10-13 09:23:08Z

1

or you can use $(this).parents('div.BOX')

edited Oct 13, 2017 at 9:23

Musakkhir Sayyed

7,21813 gold badges44 silver badges67 bronze badges

answered Aug 11, 2011 at 8:35

DanyZift

6871 gold badge7 silver badges11 bronze badges

Collectives™ on Stack Overflow

jquery: find parent()*n in nested element?

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related