Question

所以我正在尝试使用show和hide功能对搜索过滤器进行编码。但我不知道接下来要做什么.each功能。使搜索实际搜索我的＆＃34; alt＆＃34; img标签下的属性。

// Search filter should be keypress with alt attribute. *** .each 
var $pictureList = $("#gallery img");
 $("#search").onkeypress(function(event){
   $pictureList.each(function(){
     //??? need to go through each "alt" attribute for search filter  
    }); 
});

谢谢！

Answer 1

您可以使用jQuery的attr函数获取每个元素的alt属性：

var $pictureList = $("#gallery img");
 $("#search").onkeypress(function(event){
   $pictureList.each(function(){
     if($(this).attr('alt')=='something'){
               //now do what ever you want when it matched the alt attribute
         }
    }); 
});

Answer 2

试试这个：

var $pictureList = $("#gallery img");
$("#search").onkeypress(function(event) {
    var re = new RegExp($(this).val());
    $pictureList.each(function() {
        var self = $(this);
        if (self.attr('alt').match(re)) {
            // image match
        }
     }); 
});

如果搜索框中的值可以包含正则表达式字符，您可能需要escape it first。

使用.each的Jquery搜索过滤器

2 个答案: