Здравствуйте все!
Подскажите как выбрать элементы, в моем случае div-ы, по значениям атрибутов data- ?
Например, есть у меня на странице 5 div-ов с разными data-атрибутами и два input-а для ввода желаемых значений:
<input oninput="filter()" onkeyup="filter()" type="text" id="filter-price">
<input oninput="filter()" onkeyup="filter()" type="text" id="filter-space">
<div data-price="1000" data-space="10">DIV 1</div>
<div data-price="1500" data-space="20">DIV 2</div>
<div data-price="2000" data-space="30">DIV 3</div>
<div data-price="3500" data-space="40">DIV 4</div>
<div data-price="5000" data-space="50">DIV 5</div>
Суть: Мне нужны «товары» со стоимостью (data-price) <= 3000 и размером (data-space) >= 20
То есть, при вводе в input-ы значений 3000 и 20, должны остаться DIV 2 и 3.
Вопрос: Как организовать сей процесс?
Пока получается только выводить div-ы «точным попаданием», т.е. ввожу 2000 и 30, получаю DIV 3.
P.S.: Убираю лишнее так:
$('div').css('display', 'none');
Буду признателен!