Question

我有一组div类（＆＃34; item＆＃34;）彼此相邻，我需要找到＆＃34; clear＆＃34;的下一个实例。所以我可以根据downloadPadderX操作一个项目。我使用.each（）循环遍历＆＃34; item＆＃34;的每个实例。并将在该功能中进行操作。

但是，我似乎无法返回下一个清除的单个实例。它只返回一个空数组。如果我使用nextAll，它将返回所有明文，这不是非常有用。

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>

JQuery的

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

基本的JSFiddle链接，如果它有用：http://jsfiddle.net/lustre/uhmkutqm/

对于＆＃34; item＆＃34;的每个实例;我需要它来返回下一个＆＃34; clear＆＃34;。

Answer 1

您需要使用 nextAll() 和 first() 。 next() 只会在元素后面选择元素。 nextAll() 会返回其旁边的所有元素，然后您可以使用 first()

选择最近的元素

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

Answer 2

您应该使用.nextAll

更新了小提琴：http://jsfiddle.net/uhmkutqm/1/

查找下一个类名实例

2 个答案: