|
Сообщение от Rasy
|
|
Вы так везде переменные именуете, или только на форуме?
|
у меня список для переменных очень короткий.
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<style>
body {
font-family: 'Roboto', sans-serif;
font-size: 1rem;
}
input[type="text"] {
font-size: 1rem;
width: 48%;
height: 35px;
text-indent: 10px;
color: #393939;
border: 1px solid #cccccc;
background: aliceblue;
}
.selection {
margin: 8px 0;
padding: 10px;
border: 1px solid #dadada;
background-color: azure;
}
</style>
<input type="text" class="filter" id="filter-price" />
<input type="text" class="filter" id="filter-space" />
<div data-price="1000" data-space="10" class="selection">DIV 1</div>
<div data-price="1500" data-space="20" class="selection">DIV 2</div>
<div data-price="2000" data-space="30" class="selection">DIV 3</div>
<div data-price="3500" data-space="40" class="selection">DIV 4</div>
<div data-price="5000" data-space="50" class="selection">DIV 5</div>
<script data-require="jquery@3.0.0" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<script>
$(function() {
var input = $(".filter"),
div = $(".selection");
input.on("input", function() {
var price = +input[0].value || 0,
space = +input[1].value || 0;
div.hide().filter(function(c, elem) {
return (!price||+$(elem).data("price") <= price) && (!space||+$(elem).data("space") >= space )
}).show();
})
});
</script>
</body>
</html>