Select last element before my current element that has one class with jQuery

Question

I want to select with jQuery the last element that it has pu class before the element with which I launch this event knowing that I there are a lots of elements before and after the current that have this class

Here is an example :

<div class="pu" ></div>
<div class="pu" ></div>
<div class="pu" ></div>
<div class="current" ondragenter="myfunction();" ></div>
<div class="pu" ></div>
<div class="pu" ></div>

for this example, I want to select the last element that has pu class before the div that has current class when the ondragenter is launched.

I have this case because the div are generated from server side

How can I achieve that?

Thanks!

Are all your inputs wrapped? and they have these classes? – PSL Apr 28 '13 at 17:37 — PSL, Apr 28 '13 at 17:37

PSL · Accepted Answer · 2013-04-28T17:40:29.977

3

This will take care of selection even-though your immediate previous element to current does not have the pu class.

http://jsfiddle.net/2Vunz/

PrevAll

$('div.current').prevAll('div.pu:first');

This will take care of any wrappers.

http://jsfiddle.net/S2LfA/

$('input.current').parent().prevAll().find('input.pu').eq(0)

edited Apr 28 '13 at 17:40

answered Apr 28 '13 at 17:19

PSL

123,204
21
253
243

I m inspired by your solution : here is the solution : $(this).parent().find('.pu') – simonTifo Apr 28 '13 at 17:49

Michal · Answer 2 · 2013-04-28T17:39:55.097

2

The following line of jQuery will select the previous sibling elements of div.current based on the selector div.pu:

$('div.current').prevAll('div.pu:first');

"Previous sibling elements" and that selector signify that this will get you the pu class div right before the current class div, assuming they are on the same level of the DOM like in your example.

edited Apr 28 '13 at 17:39

answered Apr 28 '13 at 17:11

Michal

2,532
1
19
27

thank you, but in my example, they are not in the same level, maybe each one is included in another div – simonTifo Apr 28 '13 at 17:22
here is the right situation, I don't have div but I have input and each one is included in `` – simonTifo Apr 28 '13 at 17:25
Are they all in a separate `` element? – Michal Apr 28 '13 at 17:29
1

Looks like PSCoder has the solution, if I am understanding correctly. GJ! – Michal Apr 28 '13 at 17:40
Hmm @Michal seems like this is what he is looking for... But not sure!! – PSL Apr 28 '13 at 17:47

score -2 · Answer 3 · answered Apr 28 '13 at 17:10

-2

try this code:

$('div.pu:last')

answered Apr 28 '13 at 17:10

Pavel

1,627
15
12

Select last element before my current element that has one class with jQuery

3 Answers3