在jQuery中,试图让下一个项目 - 不有,一个特定的类(In jQuery, trying to

2019-09-16 15:10发布

我试图让在.focus DIV后先不要(.hidden)股利。 在这个例子中,重点是X2,我应该回去X5,跳绳X3和X4,因为他们是隐藏的。

<div id='CONTAINER'>
    <div id='X1'>eks1</div>
    <div id='X2' class='focus'>eks2</div>
    <div id='X3' class='hidden'>eks3</div>
    <div id='X4' class='hidden'>eks4</div>
    <div id='X5'>eks5</div>
    <div id='X6'>eks6</div>
</div>

这似乎是它应该是一个非常简单的jQuery的问题,但我是相当新的这个东西。

Answer 1:

下面的语句应解决您的问题。 $("#CONTAINER").find("div.focus").nextAll("div").not(".hidden").first();



Answer 2:

使用nextAll方法: http://api.jquery.com/next/

$('div.focus').nextAll('div:not(.hidden)').filter(':first');

这将找到.focus之后的下一个DIV未.hidden



Answer 3:

尝试这个!

$("#CONTAINER").find("div.focus").next('div[class!="hidden"]')


Answer 4:

$nextNotHidden = $('.focus').nextUntil(':not(.hidden)').last().next()


Answer 5:

尝试这个:

var stop = true;
$('#CONTAINER> div.focus +div').each(function(){
    if(!$(this).hasClass('hidden') && stop) code
    else stop = false;
});


文章来源: In jQuery, trying to get next-item-not-having-a-specific-class