Здравствуйте!
Пытаюсь динамически отображать контент таблицы по слайдеру.
https://codepen.io/Vetrinus/pen/wombaZ
Подскажите, что не так?
UPD. Давайте конкретизирую:
Мне нужно скрывать и показывать строки из таблицы, в зависимости от того, попадает ли value поля возраста в промежуток слайдера.
У меня есть массив, в котором хранятся нужные мне элементы с возрастом. Я прохожу по массиву, и, если цикл удовлетворяет условиям поиска,то на 2 ноды вверх, снимаю с него класс hidden { display: none;}, а если не удовлетворяет, то, соответственно, на 2 ноды вверх присваиваю этот класс. Почему не работает?
let elems = document.getElementsByClassName('search');
$( function() {
$( "#slider-range" ).slider({
range: true,
min: 3,
max: 100,
values: [ 3, 100 ],
slide: function( event, ui ) {
$( "#amount" ).val(ui.values[ 0 ] + " - " + ui.values[ 1 ] );
for (let i=0; i< elems.length; i++ )
{
if(elems[i] > ui.value[1] && elems[i] < ui.values[0])
{
elems[i].parentNode.parentNode.classList.add("hidden");
} else
{
elems[i].parentNode.parentNode.classList.remove("hidden");
console.log(elems[i].parentNode.parentNode);
}
}
}
});
