通过多个属性搜索

Question

我有一个搜索功能，可以非常愉快地搜索一个数据属性的列表divs，下面是正在工作的代码。

$(".classToSearch").each(function(){ 
    if ($(this).attr('data-attribute1').search(new RegExp(filter, "i")) < 0) { 
     $(this).animate({opacity:0.1},100); 
    } else { 
     $(this).animate({opacity:0.5},100); 
    } 
}); 

我想要的搜索功能是能够搜索多个数据属性。我尝试了一系列不同的格式，但是我无法使其工作。以下是我认为它应该看起来像。

$(this).attr('data-attribute1','data-attribute2','data-attribute3') 

或

$(this).attr('data-attribute1'||'data-attribute2'||'data-attribute3') 

但我想我会需要对某种循环。任何帮助，将不胜感激。

----------编辑-------------

我的解决方案 这使得搜索框来搜索所有的数据属性。

$(".classToSearch").each(function(){ 
     if ($(this).attr('data-attribute1').search(new RegExp(filter, "i")) < 0 && 
      $(this).attr('data-attribute2').search(new RegExp(filter, "i")) < 0 && 
      $(this).attr('data-attribute3').search(new RegExp(filter, "i")) < 0 &&   
      ) { 
      $(this).animate({opacity:0.1},100); 
     } else { 
      $(this).animate({opacity:0.5},100); 
     } 
    }); 

Answer 1

你可以使用.data()访问这些属性更容易一些，然后将其收集到从中他们每个人进行正则表达式测试一个数组：

var $this = $(this), 
attribs = [$this.data('attribute1'), $this.data('attribute2'), $this.data('attribute3')], 
re = new RegExp(filter, "i"); 

if (attribs.some(function() { 
    return this.match(re); 
})) { 
    // some attributes matched the filter 
} else { 
    // no attributes matched the filter 
} 

参见：Array.some()

Answer 2

有你看着这...

http://api.jquery.com/multiple-attribute-selector/

似乎是你后什么。

但也许更有点像...

if ($(this).has([attr1],[attr2])){ 
    //do stuff 
} 

Answer 3

如果你不知道属性名时间提前，或者你不想硝酸钾W¯¯他们的属性只是一个任意一组，你要搜索的值，那么像这样

$(".classToSearch").each(function() { 
     var _in = $(this).text(); 
     $.each($(this).data(), function(k, v) { 
      if (v == find) { 
       // ... 
      } 
     }); 
    }); 

在的jsfiddle：http://jsfiddle.net/yJLzQ/1/