基于多个条件的 jQuery 表过滤器

Question

我目前有一个表格，上面有三个下拉列表。当用户从每个下拉列表中选择一个值来过滤结果时，我希望表格隐藏不符合迄今为止选择的所有条件的行。我得到的最接近的是:

  $("#ReportControls #InventoryReports select").change(function(){

    $("#Report table tbody tr").hide();  

    var filterArray = new Array();
    filterArray[0] = $("#ddlStyle :selected").text()
    filterArray[1] = $("#ddlSize :selected").text()
    filterArray[2] = $("#ddlColor :selected").text()

    $.each(filterArray, function(i){
        if (filterArray[i].toString() != "Style" && filterArray[i].toString() != "Size" && filterArray[i].toString() != "Color")
        {
           $("#Report table tbody tr").find("td:contains('" + filterArray[i].toString() + "')").parents("tr").show();
        }
    });
});

它的唯一问题是它会拉回包含特定大小或特定颜色或特定样式的所有行，而不仅仅是特定大小和特定颜色和特定样式的行。

Answer 1

在这种情况下:

$.each(filterArray, function(i){
if (filterArray[i].toString() == "Style" || filterArray[i].toString() == "Size" || filterArray[i].toString() == "Color") 
  {
  filterArray[i] == ""
  }
});
$("#Report table tbody tr").find("td:contains('" + filterArray[0].toString() + "')").find("td:contains('" + filterArray[1].toString() + "')").find("td:contains('" + filterArray[2].toString() + "')").parents("tr").show();

它总是会找到一个空白。