Trong jQuery, cố gắng để có được mục tiếp theo-không-có-một-cụ thể-class

Question

Tôi đang cố gắng để có được lúc đầu tiên không (. Ẩn) div sau div .focus. Trong ví dụ này, tiêu điểm là X2 và tôi sẽ lấy lại X5, bỏ qua X3 và X4 vì chúng bị ẩn.

<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> 

Điều này có vẻ như đây là một câu hỏi khá đơn giản, nhưng tôi khá mới đối với nội dung này. ..

Answer 1

Những tuyên bố dưới đây sẽ giải quyết vấn đề của bạn. $("#CONTAINER").find("div.focus").nextAll("div").not(".hidden").first();

Answer 2

Sử dụng phương pháp nextAll: http://api.jquery.com/next/

$ ('div.focus') nextAll ('div: không (.hidden)') lọc (': thứ nhất');

này sẽ tìm ra div tiếp theo sau khi .focus không được .hidden

Answer 3

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

Answer 4

dùng thử!

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

Answer 5

Hãy thử điều này:

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