banditman,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
$('.one,.two').click(function(){
var $btn=$(this);
$('.product-field-display').hide().each(function(){
var value=parseFloat($.trim($(this).text()));
if(
$btn.hasClass('one') && value>=1 && value<=10 ||
$btn.hasClass('two') && value>=20 && value<=30
)
$(this).show();
});
});
});
</script>
</head>
<body>
<button class="one">Вес от 1 до 10</button>
<button class="two">Вес от 20 до 30</button>
<div class="product-field-display">10</div>
<div class="product-field-display">20</div>
<div class="product-field-display">10</div>
<div class="product-field-display">10</div>
<div class="product-field-display">10</div>
<div class="product-field-display">20</div>
<div class="product-field-display">30</div>
</body>
</html>