jquery找到最接近的没有类的前一个兄弟

Question

我很难尝试使用 jQuery 获取最近的具有类“slide”但不包含类“subsection”的前一个元素

示例 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>

我已经尝试过:(其中 $subsection 是上面指出的元素)

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"])');

现在我发现 prev() 只选择一个前一个元素然后停止，但是 prevUntil 也不起作用？

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

我也试过:

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

但这让我得到了第一个带有 id p1 的幻灯片元素。

如果有人有任何提示，我将不胜感激...有谁能阻止我疯狂吗？ 8-|

Answer 1

试试这个:

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

Fiddle here.