求助Jquery选择器的问题
现在在写一个多条件筛选的功能,但发现一个很头疼的问题var dateList = "";
var brandButton = $(".searchresults-list button[date-type=brand]");
if (brandButton.lenght != 0) {
brandButton.each(function () {
var Type = $(this).attr("date-type");
var Data = $(this).attr("date-search");
dateList += "[data-" + Type + "=" + Data + "],";
});
}
var typeButton = $(".searchresults-list button[date-type=type]");
if (cartypeButton.lenght != 0) {
cartypeButton.each(function () {
var Type = $(this).attr("date-type");
var Data = $(this).attr("date-search");
dateList += "[data-" + Type + "=" + Data + "],";
});
}
var moneyButton = $(".searchresults-list button[date-type=money]");
if (moneyButton.lenght != 0) {
moneyButton.each(function () {
var Type = $(this).attr("date-type");
var Data = $(this).attr("date-search");
dateList += "[data-" + Type + "=" + Data + "],";
});
}
dateList = dateList.substring(0, dateList.length - 1);
$(".carView:not(" + dateList + ")").css("display", "none");
一个类似淘宝商品筛选列表的效果
每次的遍历都会将条件累加进去
dateList += "[data-" + Type + "=" + Data + "],";
这句话条件]符号后面带了一个逗号
最终效果是只要满足所选条件,都会被显示。类似“或者||”,但跟“或者”不同的是把或者在内的都显示个边
然后不加逗号
最终效果是3个条件每个只能满足一种,其中一个条件有两种就会全不显示。类似“而且&&”,但跟“而且”不同的是他出现两个相同条件,不同值的时候就都不显示了
郁闷,其实要的效果就是同时满足所选条件才显示,但就是逻辑上想不出来了