Мне нравится <ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li style="display:none;">4</li>
<li class="curSelected">5</li>
<li>6</li>
</ul>
Теперь из <li> 5 мне нужна ссылка на предыдущий видимый элемент, т.е. <li> 3
Как я могу это получить?
Я пробовал $('li.curSelected').prev(":visible:last");
Но это не работает.
Пожалуйста помоги.
Вы можете использовать .prevUntil() для поиска до (но не включая) первого видимого элемента, а затем использовать .prev():
$('.curSelected').prevUntil(':visible').prev()
Обновить
Как указано в комментариях, это не сработает, если непосредственно предыдущий элемент уже виден. К сожалению, для этого не существует оптимального jQuery, поэтому вот альтернатива:
$prev = $('.curSelected')
do {
$prev = $prev.prev();
} while ($prev.length && $prev.is(':hidden'));
Попробуй это:
$('li.curSelected').prevAll(":visible:first");
prev() возвращает только непосредственно предшествующий выбранному элемент. prevAll() возвращает все предыдущие.
<li>1</li>! 12.06.2013 Поскольку jQuery проходит через dom, используя prev, от текущего к первому, но возвращает только один элемент ( предыдущий), вы должны использовать .prevAll.
$("li.curSelected").prevAll(":visible:first");
См. рабочую скрипту этого примера.
Вот мой пример. Работает идеально, любой браузер.
var elem = $( some_thing ).next();
while( elem && elem[0] != undefined && !elem.is( ':visible' ) )
elem = elem.next();
if( elem && elem[0] != undefined )
elem.doSomething();
prevAll()проходит через всех братьев и сестер, прежде чем дать вам результат, а не только до тех пор, пока он не достигнет того, который вы хотите. 29.10.2013