Через CSS,
https://webgyry.info/nth-child-even

не работает потому, что тут только определение функции, а не вызов... дальше либо вызывайте функцию, либо объявляйте эту функцию, как "автоматически запускаемой"

(function getBiggerBook(book) {
 .....
})(Book)

const slider = $('.price-slider');
const val_outputs = [
  $('.left-range'),
  $('.right-range')
];
slider.on('input', updatePriceLabels);

function updatePriceLabels() {
    var sliders = slider.children('input');
    var x, y = 0;

    var val1 = parseInt(sliders[0].value);
    var val2 = parseInt(sliders[1].value);
    
    if (val1 >= val2) {
        sliders[1].value = val1 - 0;
        return; 
    }

   //....
  //после всех проверок 
    val_outputs[0].val(val1);
    val_outputs[1].val(val2);
}

Это похоже на аккордеон
https://nisnom.com/podborka-razlichnyh-akkordeonov... - тут есть примерчики, что с ходу нашлось