Jquery Next（）div by ID

Question

目前，下面的jQuery只会从Sport跳到Entertainment。有没有办法通过使用一段代码从任何div到达下一个？

<div id="topBar">
    <span>
        <a id='slink' class='trigger' href='#Sports'>Sport</a>
        <a id='elink' class='trigger'  href='#Entertainment'>Entertainment</a >
        <a id='mlink' class='trigger' href='#Military'>Military</a>
        <a id='mocklink' class='trigger' href='#MockUp'>MockUps</a>
        <button>Next</button>
    </span>
</div>

$("button").on('click', function() {
    $('.triggered:First').next('.triggered').show()
});

Answer 1

假设您的.trigger元素默认都隐藏了，这应该可以：

$(".trigger:first").show();

$("button").click(function() {
    var $next = $(".trigger:visible").hide().next(".trigger");
    if (!$next.length)
        $next = $(".trigger:first");

    $next.show();
});

Example fiddle

Answer 2

你可以试试这个：

$("button").click(function() {
    $(this).sibling('.trigger').show();
}