Использование JQuery для возврата следующего элемента списка в отфильтрованный список

Question

Я следующий список

<ul> 
    <li id="item1">Item 1</li> 
    <li id="item2">Item 2</li> 
    <li>Item 3</li> 
    <li id="item4">Item 4</li> 
</ul> 

Используя jQuery, я пытаюсь пройти список LIS, чьи идентификаторы начинаются с «пункта».

var nextItemWithItemID = $("#item2").next("li[id^='item']); 

Однако, когда я запускаю этот код, я в конечном итоге получаю «Item 3», а не «Item 4».

Как я могу получить jQuery, чтобы получить правильный следующий элемент из отфильтрованного списка LI?

Answer 1

Вы хотите использовать nextAll(). Далее нужно только восстановить собеседника сразу после текущего элемента. NextAll() рассмотрит всех следующих братьев и сестер.

var nextItemWithItemID = $('#item2').nextAll('li[id^=item]:first'); 

Answer 2

У меня была эта проблема вчера вечером. В то время как @tvanfosson обеспечивает способ добраться до всех последующих братьев и сестер, если вы хотите, следующий пункт , который соответствует, что критерии, я придумал следующее решение (адаптированный к вашему примеру):

var nextItemWithItemID = $("#item2").nextUntil("li[id^='item']").andSelf().next(); 

Это Это. Используя nextUntil() хватает все до срок, но не включая его, поэтому вам нужно использовать next(). Но если возвращаемый набор пуст (если между вашим начальным селектором и следующей версией, соответствующей вашему запросу, ничего нет), это не сработает - andSelf() решает это.