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, Commented Feb 23, 2011 at 19:48

Martijn Pieters · Accepted Answer · 2014-12-22 19:43:41Z

45

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

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

Martijn Pieters

1.1m313 gold badges4.2k silver badges3.4k bronze badges

answered Feb 23, 2011 at 19:40

gor

11.6k5 gold badges37 silver badges42 bronze badges

3

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

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

Add a comment |

AlfaTeK · Accepted Answer · 2011-02-23 19:54:13Z

14

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

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

answered Feb 23, 2011 at 19:46

AlfaTeK

7,71714 gold badges52 silver badges91 bronze badges

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

Add a comment |

Martijn Pieters · Accepted Answer · 2011-02-23 20:27:56Z

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, 2011 at 20:27

Martijn Pieters

1.1m313 gold badges4.2k silver badges3.4k bronze badges

Add a comment |

3 Answers 3