JQuery: Closest div that has an ID

Question

How would you write the Jquery to get the closest div that actually has an ID defined?

I imagine that even with the `closest` method being available, the answer to this would be at least 50-100 lines of code if you want to search siblings and children as well. — mVChr, Feb 23 '11 at 19:48

score 45 · Accepted Answer · edited Dec 22 '14 at 19:43

45

You should use has attribute selector. This sample should do the work:

$('selector').closest('[id]')

edited Dec 22 '14 at 19:43

Martijn Pieters

answered Feb 23 '11 at 19:40

gor

3

This looks to ancestors only. If he wants a sibling or child that's closest as well this won't be enough. – mVChr Feb 23 '11 at 19:43
how does this give me divs with ids as opposed that anything with an id? – mike Feb 23 '11 at 19:51
7

Don't you mean `.closest('div[id]')`? – gen_Eric Feb 23 '11 at 19:59

AlfaTeK · Answer 2 · 2011-02-23T19:54:13.207

14

$(elementToStart).parent().closest('div[id]');

I use the parent() to avoid just getting the element itself.

edited Feb 23 '11 at 19:54

answered Feb 23 '11 at 19:46

AlfaTeK

this should be the answer, without using parent() mine was not working – Harry Jul 29 '14 at 05:00
parent().closest() is the same as using parents() which begins with the parent element – Mosaaleb Feb 01 '22 at 15:22

score 11 · Answer 3 · answered Feb 23 '11 at 20:27

11

Look for an id attribute on a div, using the closest method:

$(this).closest('div[id]');

The [id] brackets there is what's called the Has Attribute Selector

answered Feb 23 '11 at 20:27

Martijn Pieters

3 Answers3