Динамическое отображение блоков с jquery UI?

Question

[Артем]

Здравствуйте!
Пытаюсь динамически отображать контент таблицы по слайдеру.
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);
								  }
					  }
			  }
			});

Answer 1

[DTX]

Господи, зачем я в этом разбирался...
https://codepen.io/anon/pen/qqozav

Comments

[Артем]

Спасибо большое за помощь. Не могли бы вы объяснить, в чем именно я ошибся?

[DTX]

Артем: Условие неправильное.
ui.values[1] > ui.values[0]

Не ui.value[1], а ui.values[1]

Не if(elems[i] >, а if(elems[i].value >

В общем, отладчик в помощь.