jQuery - Как найти следующего брата, у которого нет класса?

Question

У меня есть список, который имеет расширенный класс, который динамически устанавливается. У меня возникли проблемы с поиском следующего элемента списка относительно ТОЛЬКО видимых элементов. .siblings(':visible') и .next(':visible'), похоже, не работают, когда селектор включен в jQuery('.expanded'), предположительно потому, что он ищет следующий расширенный класс.

<ul id="list_1" class="list"> 
    <li class="gridImage" data-id="Christmas"></li> //not visible 
    <li class="gridImage" data-id="Christmas"></li> //not visible 
    <li class="gridImage expanded" data-id="Easter"></li> 
    <li class="gridImage" data-id="Valentines"></li> //not visible 
    <li class="gridImage" data-id="Easter"></li> 
    <li class="gridImage" data-id="Miscellaneous"></li> //not visible 
</ul> 

Answer 1

вот еще один способ: http://jsfiddle.net/slicedtoad/kqpbh3fv/

$('.expanded').nextAll(":visible").first() 

nextAll, как следующие, но она захватывает все следующие брат и сестра, которые соответствуют селектору. Сначала берет только первый.

Answer 2

Вы можете попробовать что-то вроде

.nextUntil(':visible').last().next() 

, который найти все брат и сестра до следующего видимого, а затем взять последнюю из множества (так что его следующий брат должен быть виден один) затем его следующего брата.