项目01天猫前端
进行天猫前端项目
1.按照价格区间获取商品
为实现这种按价格区间排序的功能，首先需要对这两个输入框添加keyup事件：
$("input.sortBarPrice").keyup(function(){}) 获取输入框的数值，并进行数值判断：
var num= $(this).val();
if(num.length==0){
$("div.productUnit").show();
return;
}
num = parseInt(num);
if(isNaN(num)) num= 1;
if(num<=0) num = 1;
$(this).val(num);
判断后，就可以开始获取两个输入框内的价格，作为价格区间 step1:隐藏页面上的所有商品项目
step2:遍历所有商品项目中的价格数值
step3:当商品价格在价格区间内时，就将这个商品显示出来
var begin = $("input.beginPrice").val();
var end = $("input.endPrice").val();
if(!isNaN(begin) && !isNaN(end)){
$("div.productUnit").hide();
$("div.productUnit").each(function(){
var price = $(this).attr("price");
price = new Number(price);
if(price<=end && price>=begin)
$(this).show();
});
} 
查看15道真题和解析