使用HTML页面中的jquery过滤数据

时间:2014-07-18 19:40:33

标签: javascript jquery html

我正在尝试过滤HTML页面中的可用数据。

假设页面中有三个品牌:" abc"," pqrs"," xyz"和brandNameSelected =" abc"。现在要过滤我正在使用此代码片段的页面上的数据。

$(".product-container").filter(function () {
    alert($(this).data('brand'));
    return $(this).data("brand").indexOf(brandNameSelected) > -1;
}).each(function (index, item) {
    alert("here");
    $(item).css("background-color", "red");
});

alert($(this).data('brand'));打印所有可用的品牌。但我没有达到alert("here");

可以请一些帮助找出问题所在吗?

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/W4Km8/1488/有效

因此失败的原因是因为brandNameSelected的值与$(this).data('brand')

获得的值不匹配
brandNameSelected = "abc"

$(".product-container").filter(function () {
    return $(this).data("brand").indexOf(brandNameSelected) > -1;
}).each(function (index, item) {
    $(item).css("background-color", "red");
});