我想通过数据属性而不是类来使用这个显示/隐藏函数,但是我很难正确地使用语法。
我知道它是这样的,$("li[data-color=" + this.value + "]").show();
但我无法让它工作和/或修改函数以使其工作。
我正在使用该功能按各种属性(即颜色、产品类别、场合等)过滤服装,我在这里发布了一个简单的例子:http: //jsfiddle.net/chayacooper/WZpMh /4/
$('#filterOptions li a').click(function () {
var ourClass = $(this).attr('class');
$('#filterOptions li').removeClass('active');
$(this).parent().addClass('active');
if (ourClass == 'all') {
$('#content').find('.item').show();
} else {
$('#content').find('.item:not(.' + ourClass + ')').hide();
$('#content').find('.item.' + ourClass).show();
}
return false;
});