jquery - jQueryで、特定のクラスを持たない次のアイテムを取得しようとしています

Question

.focus div の後の最初の not(.hidden) div を取得しようとしています。この例では、フォーカスは X2 です。X3 と X4 は非表示になっているためスキップして、X5 に戻る必要があります。

<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

これを試して！

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

Answer 3

これを試して：

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