在DIV内容中筛选

Question

我制作了this jsFiddle用于搜索/筛选我从XML响应中获得的div内容。但我已经完成了一个文本框。任何人都可以帮助我实施未来三年？

例如：

如果我打字pd001它显示了前两排，如果我输入粘贴应该从目前可见的列表不是从整个名单达到和过滤。

请帮助我解决这个问题。

Answer 1

如果我没有错，那么你必须要做的是如果我根据pd001搜索2行并将paste放在下一个文本框中，那么它应该只筛选那些2行而不是整个网格。和所有其他文本框相同的功能。事实上，你需要依赖B/W文本框。

试试这个：

$(".productid").filter(function() { 
     $(this).parent().hide(); 
     return $(this).text().toLowerCase().indexOf(text0) != -1 
    }).parent().show(); 

    $(".product:visible").filter(function() { 
     $(this).parent().hide(); 
     return $(this).text().toLowerCase().indexOf(text1) != -1; 
    }).parent().show(); 

    $(".quantity:visible").filter(function() { 
     $(this).parent().hide(); 
     return $(this).text().toLowerCase().indexOf(text2) != -1; 
    }).parent().show(); 

    $(".amount:visible").filter(function() { 
     $(this).parent().hide(); 
     return $(this).text().toLowerCase().indexOf(text3) != -1; 
    }).parent().show(); 

演示：http://jsfiddle.net/fbC6w/4/

Answer 2

你过滤只有一列，它可以帮助你

$("#searchone , #searchtwo ,#searchthree ,#searchfour").bind("keyup", function() { 

    var map = { 
     '.productid': $("#searchone").val().toLowerCase(), 
     '.product': $("#searchtwo").val().toLowerCase(), 
     '.quantity': $("#searchthree").val().toLowerCase(), 
     '.amount': $("#searchfour").val().toLowerCase() 
    }; 
    $('div.new').each(function() { 
     $(this).hide(); 
    }); 
    $('div.new').each(function() { 
     var parent_div = this; 
     $.each(map, function(key, value) { 
      $(parent_div).find(key).filter(function() { 
       if ($(this).text().toLowerCase().indexOf(value.toString()) != -1 && value != '') { 
        $(parent_div).show(); 
       } 
      }); 
     }); 
    }); 

});​