Traverse dom，next，prev

Question

我试图在活跃的当前幻灯片元素href之后获取下一个幻灯片元素。

<ul class="nav">
    <li class="active"><a href="#slide01"></a></li>
    <li><a href="#slide02"></a></li>
    <li><a href="#slide03"></a></li>
    <li><a href="#slide04"></a></li>
</ul>

要获得当前的

slideActive = $('.nav li.active a').attr('href')这是好的 #slide02，但我不确定如何获取前一个或下一个href元素的li。

Answer 1

试试这个：

1.选择下一个元素的href

 $('.nav li.active').next('li').find('a').attr('href')

2.选择前一个元素的href

$('.nav li.active').prev('li').find('a').attr('href')