jquery find closest previous sibling that does not have class

Question

I am stumped at trying to get the closest previous element with class 'slide' that does NOT contain class 'subsection' using jQuery

Sample HTML:

<section id="p1" class="slide"></section>
<section id="p2" class="slide"></section>
<section id="p3" class="slide"></section> <!--I AM TRYING TO GET THIS ELEM -->
<section id="p31" class="slide subsection"></section>
<section id="p32" class="slide subsection"></section> <!--I AM HERE -->
<section id="p4" class="slide"></section>

I have tried: (where $subsection is the element indicated above)

var $slide = $subsection.prev('.slide').not('.subsection');
var $slide = $subsection.prev('.slide:not(".subsection")');
var $slide = $subsection.prev('.slide').not("[class='subsection']");
var $slide = $subsection.prev('.slide:not([class="subsection"])');

Now I found out that prev() only selects a single previous elem and then stops, but prevUntil doesn't work either?

var $slide = $subsection.prevUntil('.slide').not('.subsection');

I also tried:

var $slide = $subsection.prevAll('.slide').not('.subsection');

but this gets me the very first slide element with id p1.

If anyone has any tips I'd appreciate it... Can anyone stop me going cray cray? 8-|

Answer 1

Try this:

var a = $("#p32").prevAll(".slide").not(".subsection").first();
alert($(a).text());

Fiddle here.