我有一个列表表,在该表中有一个square_feet列。我正在尝试构建一个过滤器,以便我可以进入平方英尺范围的低端和高端,然后将这些结果显示在页面上并隐藏其余部分。这个JS与Rails 4一起使用。目前,当我输入一个值而不管哪个字段时,它只删除所有列表。
jQuery的:
// min square footage
var minSquareFootage = $.trim($("#min-square-footage").val());
if (minSquareFootage.length > 0) {
var minSquareFootage = parseFloat(minSquareFootageVal);
rows = rows.filter(function(i, v) {
var rowSquareFeet = $(this).data("square_feet");
return rowSquareFeet >= minSquareFootage;
});
}
// max square footage
var maxSquareFootage = $.trim($("#max-square-footage").val());
if (maxSquareFootage.length > 0) {
var maxSquareFootage = parseFloat(maxSquareFootageVal);
rows = rows.filter(function(i, v) {
var rowSquareFeet = $(this).data("square_feet");
return rowSquareFeet >= maxSquareFootage;
});
}
查看:
<div class="col-sm-2">
<div class="input-group">
<input type="text" class="general-text-field" placeholder="Min Sq Ft" id="min-square-footage">
</div>
</div>
<div class="col-sm-2">
<div class="input-group">
<input type="text" class="general-text-field" placeholder="Max Sq Ft" id="max-square-footage">
</div>
</div>
答案 0 :(得分:1)
嗯,我不确定这完全是问题所在,但看起来你想在第二个过滤器回调中想要rowSquareFeet &lt; = maxSquareFootage。