javascript - 如何根据多个数据属性过滤搜索结果

Question

我正在尝试根据内联数据属性搜索多个数据结果。 但是，我只能弄清楚如何搜索单个数据属性而不是所有数据属性。 我将如何做到这一点？

我有:http://jsfiddle.net/9SMZC/2/

$("input[type=text]").keyup(function () {
    var filter = $(this).val();

    $("a").each(function () {
        if ($(this).attr("data-event-name").search(new RegExp(filter, "i")) < 0) {
            $(this).hide();
        } else {
            $(this).show();
            matches++;
        }
    });
});

提前致谢!

Answer 1

如果你想应用“或”逻辑，你可以这样做:

$("input[type=text]").keyup(function () {
    var filter = $(this).val();
    $("a").each(function () {
        var data = $(this).data();
        $(this).hide();
        for (var key in data) {
            if (~data[key].search(new RegExp(filter, "i"))) {
                $(this).show();
                break;
            }
        }
    });
});

Demonstration (例如尝试搜索“andrew”)

想法是获取data 对象并遍历属性。为了简化代码(即避免保留 bool 值)，我也总是在元素正常时隐藏和显示。