Javascript 查找类名的下一个实例

我有一组彼此相邻的div类（“item”），我需要找到“clear”的下一个实例，这样我就可以基于downloadparderx操作一个item。我使用.each（）循环遍历“item”的每个实例，并在该函数中执行操作

然而，我似乎无法返回下一个clear的单个实例。它只返回一个空数组。如果我使用nextAll，它会返回所有的clear，这不是很有帮助

HTML

<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="clear downloadPadder1"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="clear downloadPadder2"></div>

基本JSFIDLE链接（如果有用）：

对于“item”的每个实例，我需要它返回下一个“clear”。

您需要使用和将仅选择紧跟在元素之后的元素将返回该元素旁边的所有元素，然后您可以使用

jQuery('.item').each(function(){
    console.log(jQuery(this).nextAll('.clear').first().attr('class')); // This returns "undefined".
});

你应该使用

---

更新的小提琴：

@Natalie:很乐意帮忙：）

jQuery('.item').each(function(){
    console.log(jQuery(this).nextAll('.clear').first().attr('class')); // This returns "undefined".
});