Necesito una condición if que oculte el botón anterior de la primera página = 1, y en la página 8 oculta el botón siguiente. Usé el siguiente código e intenté, pero no se oculta en consecuencia:
var page = 8; if(page == 0){ $("#prev-button").hide(); $("#next-button").show(); }else if (page == 8) { $("#prev-button").show(); $("#next-button").hide(); }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="load-more" id="next-button"> <a href="${nextUrl}" class="btn-on-white white">Next</a> </div> <div class="previous" id="prev-button"> <a href="${prevUrl}" class="btn-on-white-test white">Prev</a> </div>
Tal vez esto te ayude en lo que estás tratando de lograr:
var page = 0; $("#prev-button").hide(); $("#next-button").show(); function showBoth() { if (page < 8 && page > 0) { $("#prev-button").show(); $("#next-button").show(); } } $("#prev-button").on("click", function () { page--; showBoth(); if (page == 0) $(this).hide(); }); $("#next-button").on("click", function () { page++; showBoth(); if (page == 8) $(this).hide(); });