jquery - 在此函数中使用带有数据属性的 jQuery.contains() 方法而不是 find()

Question

如何更改此函数以使用 jQuery.contains() 方法而不是 find()？

我正在使用该函数按各种属性(即颜色、产品类别、场合等)过滤服装，并且该函数当前仅返回精确匹配。由于项目通常具有多个属性值(即不止一种颜色)，因此我想使用 contains() 而不是 find()，但我无法找出将 contains() 与数据属性一起使用的正确语法

我在这里发布了一个带有该函数的简单示例的 fiddle :http://jsfiddle.net/chayacooper/WZpMh/5/

    $('#filterStyleOptions li a').click(function () {
        var attrStyle = $(this).data('style');
        $('#filterStyleOptions li').removeClass('active');
        $(this).parent().addClass('active');
        if (attrStyle == 'All') {
            $('#content').find('li').show();
        } else {
            // $('#content').find('li').hide();
            $('#content').find('li:not([data-style="' + attrStyle + '"])').hide();
            $('#content').find('li[data-style="' + attrStyle + '"]').show();
        }
        return false;
    });

Answer 1

您对包含选择器语法的 jQuery.contains 感到困惑:

$('#content').find('li[data-style*="' + attrStyle + '"]').show();

*= 而不是 = 表示包含。您还可以使用 ~= 仅查找整个单词，这更有可能是您想要的。所有这些的文档在这里:http://api.jquery.com/category/selectors/