How to find this div id?

Question

<div id="findThisId"></div>

<div id="divID">
    <span id="spanID">
        <p id="pID">p</p>
    </span>
</div>
<br/>
<div id="output"></div>

I've been able to get to the parent div of the <p> with this:

$('#pID').parent().parent().attr('id')

but how do then find the previous div id?

http://jsfiddle.net/W5NHH/

Could you update your HTML with the code from js.fiddle? – Brian Noah Oct 14 '12 at 08:47 — Brian Noah, Oct 14 '12 at 08:47

score 4 · Accepted Answer · answered Oct 14 '12 at 08:50

4

This should work for you

$('#pID').closest('div').prev().attr('id');

answered Oct 14 '12 at 08:50

Brian Noah

2,962
18
27

score 2 · Answer 2 · answered Oct 14 '12 at 08:44

2

All you need to do is insert a simple .prev():

$('#output').html($('#pID').parent().parent().prev().attr('id'));

See the docs for .prev()

A common pitfall with using .prev() is that it is really only looking for direct siblings, so one might end up using .prevAll() in real world situations.

answered Oct 14 '12 at 08:44

m90

11,434
13
62
112

Me too :) Just wanted to add this as it isn't 100% clear from the name of the method that it will just look for the next sibling. Been hearing of people going nuts because of this... – m90 Oct 14 '12 at 09:19
Interesting. I'll make sure to point this out to the juniors. – Brian Noah Oct 14 '12 at 09:24
The *trouble* starts when you use it with a selector write sth like `$(this).prev('div')` which pretty much feels like "Could I get the previous div please, thanks!" – m90 Oct 15 '12 at 07:38

score 1 · Answer 3 · edited May 23 '17 at 12:12

1

Joining the party bit late but lil diff here :) http://jsfiddle.net/DF8jK/1/

Parents API - http://api.jquery.com/parents/

Hope it fits the cause as well. :)

This might come handy - jQuery: finding previous div

code

alert($('#pID').parents('div').prev().html());

edited May 23 '17 at 12:12

Community

1
1

answered Oct 14 '12 at 08:53

Tats_innit

33,991
10
71
77

How to find this div id?

3 Answers3