HTML表格上的多个过滤器

时间:2012-02-01 20:17:50

标签: jquery html filter html-table

我有一个包含一些数据的表,并添加了一个最大价格的过滤器,效果很好,但我需要添加第二个过滤器,与第一个一起使用。

例如,如果用户选择最低价格为15英镑且最低20GB的数据,我将如何过滤这个?我试图用不同的类和ID复制jQuery代码,但没有运气......

这是我的代码:http://jsfiddle.net/jqWAT/1/

1 个答案:

答案 0 :(得分:0)

问题是ID,您不能使用相同的名称或ID。你应该添加

var price = $('#filter').val();
var data = $('#filter2').val();

并为数据过滤器执行相同的功能:

$('tr td.data').each(function() {
     if ($(this).text().substring(0, 2) < data)
     {
          $(this).parent().hide();
     }
});