jquery $(this).prev (".class") 不工作

Question

鉴于这个简单的设置

<div class="parent">
   <div class="child">I'm spoiled</div>
</div>
<div class="aunt"></div>
<div class="uncle"></div>

<div class="parent">
   <div class="child">I'm spoiled</div>
</div>
<div class="aunt"></div>
<div class="uncle"></div>

当我检测到对类“uncle”的点击时，我想获取最近的前一个“.parent”的同级。我应该可以做到

$( this ).prev( ".parent" ).children( ".child" ).text();

...但这会返回空白。

如果我这样做

$( this ).prev().prev().children( ".child" ).text();

...这会返回预期结果:“我被宠坏了”

我缺少的 prev( [selector] ) 的使用是否有一些限制？

[更新]

.prevAll() 返回所有先前的类，因此

的结果

$( this ).prevAll( ".parent" ).children( ".child" ).text();

点击第二个“.uncle”是不是“我被宠坏了我被宠坏了”，这不是我想要的结果。

我只需要最近的前一个。

Answer 1

来自 jquery 文档:

.prev() Description: Get the immediately preceding sibling of each element in the set of matched elements, optionally filtered by a selector.

另外:

To select all preceding sibling elements, rather than just the preceding adjacent sibling, use the .prevAll() method.

所以，就用 .prevAll() 方法来代替吧。 http://api.jquery.com/prev/