не рабтает remove class jquery

Question

почему не работает remove class

$('.pagination a').click(function() {
    $(this).siblings('a').removeClass('pagination-active');
    $(this).addClass('pagination-active');
});

.pagination .pagination-active {
    color: #E18848;
}
.pagination a {
    color: black;
}

.pagination a:hover {
    background-color: transparent;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<nav aria-label="Page navigation example" class="bar-btn">
        <ul class="pagination justify-content-center">
            <li class="page-item disabled">
                <a class="page-link" href="#" tabindex="-1" aria-disabled="true"><i
                        class="fas fa-chevron-left left-arrow"></i></a>
            </li>
            <li class="page-item "><a class="page-link pagination-active" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">4</a></li>
            <li class="page-item"><a class="page-link" href="#">5</a></li>
            <li class="page-item">
                <a class="page-link" href="#"><i class="fas fa-chevron-right right-arrow"></i></a>
            </li>
        </ul>
    </nav>

Answer 1

Потому что они не siblings (элементы первого уровня под одним родителем).

$(this).closest('ul').children('li').children('a').removeClass('pagination-active');

или, если там не будет вложенных списков:

$(this).closest('ul').find('li a').removeClass('pagination-active');

БЛОГ НА HUSL

не рабтает remove class jquery

Ответы (1 шт):