Как выделить блоки с диапазоном id?

Question

[twentytvvo]

Есть блоки в контейнере с уникальными id, от 0 до бесконечности.
Нужно что бы при id меньшем чем переменная pagmin, эти блоки были скрыты и если id больше чем pagmax блоки были скрыты.
Выкладываю свою попытки, которые не увенчались успехом.

jQuery(document).ready(function ($){ 
	var pagmin = '0';
	var pagmax = '10';
	$('.catalog-flex .catalog-block #' < pagmin).addClass('disable');
	$('.catalog-flex .catalog-block #' > pagmax).addClass('disable');
	});

Comments

[twentytvvo]

было бы здорово видеть это все в конструкции if {} else, так как планирую еще дополнительные условия прописать

Answer 1

[0xD34F]

Замените id на data-атрибут. Чтобы было не id="666", а data-val="666", например.
Раз сравнивать значения собираетесь как числа - сделайте минимальное/максимальное значения числами изначально.

document.querySelectorAll('селектор ваших блоков').forEach(n => {
  const val = +n.dataset.val;
  n.classList.toggle('disable', min > val || val > max);
});

Answer 2

[ZB Venom]

var divs = document.querySelectorAll('.catalog-flex.catalog-block');
  divs.forEach(function(item) {
    if (parseInt(item.id) < pagmin || parseInt(item.id) > pagmax) item.style.display = "none";
  });

Comments

[twentytvvo]

Шикарный ответ, огромное спасибо!