Как выбрать первый ребенок или брат с JQuery при создании слайдера

Question

У меня есть следующая разметка

<div class="content chapters current-tab">
    <div class="right">
        <div id="chapters-container-29" style="">
        <div id="chapters-container-10" style="display: none">
   </div>
</div>`

И этот код jquery:

var direction = $(this).data('direction'),
    visibleContainer = $('div[id^=chapters-container-]:visible'),
    container = $('div[id^=chapters-container-]');

    if (direction === 'next') {
            if (visibleContainer.is(':last-child')) { 
                visibleContainer.hide(); 
                container.first().show();
            }

            visibleContainer.hide();
            visibleContainer.next().show();
        } else {               
            if (visibleContainer.is(':first-child')) {
                visibleContainer.hide();
                container.last().show();
            }

            visibleContainer.hide();
            visibleContainer.prev().show();
        }`

Это для слайдера .... когда я в конце visibleContainer.is('last-child') этоработает нормально, но когда я @start и нажимаю предыдущий он не работает.visibleContainer.is(':first-child') не работает.

Answer 1

Вы пробовали это ?

В любом случае, этот код будет работать:

if (direction === 'next') {
    if (visibleContainer.is(':last-child')) { 
        visibleContainer.hide(); 
        container.first().show();
    } else {
        visibleContainer.hide();
        visibleContainer.next().show();
    }
} else {               
    if (visibleContainer.is(':first-child')) {
        visibleContainer.hide();
        container.last().show();
    } else {
        visibleContainer.hide();
        visibleContainer.prev().show();
    }
}