Jquery multiple包含带有或的运算符

Question

我们的SharePoint站点上有一段Jquery代码，它根据用户在文本框中的输入来检索表中的所有数据。我们正在尝试实现按钮，作为一组过滤器，以帮助加强用户的搜索。

我认为我这里的主要问题是我在Jquery比较运算符语法方面遇到了问题。这是主要的代码行，它是罪魁祸首；

$("#WebPartWPQ5").find('tr.ms-itmhover:not(:contains("+txt+"):contains("+ButtonValue+")').hide();
$("#WebPartWPQ5").find('tr.ms-itmhover:contains("+txt+"):contains("+ButtonValue+")').show();

从本质上讲，查找它只是为了检索与按钮的值和搜索查询相似的内容。或者其中之一。下面是帮助将内容放入上下文的其余代码。

注意:在.click函数中，我省略了很多代码，因为目前它只是一堆重复的意大利面条代码。但这让您了解了这两个函数之间的关系是如何工作的。

var ButtonValue = ""
$("#button1").click(function(){


          $("#WebPartWPQ5").find("tr.ms-itmhover:not(:Contains('Faucets'))").hide();
         $("#WebPartWPQ5").find("tr.ms-itmhover:Contains('Faucets')").show();            

         $("#WebPartWPQ6").find("tr.ms-itmhover:not(:Contains('Faucets'))").hide();
         $("#WebPartWPQ6").find("tr.ms-itmhover:Contains('Faucets')").show();

        $("#WebPartWPQ4").find("tr.ms-itmhover:not(:Contains('Faucets'))").hide();
         $("#WebPartWPQ4").find("tr.ms-itmhover:Contains('Faucets')").show();

        $("#WebPartWPQ7").find("tr.ms-itmhover:not(:Contains('Faucets'))").hide();
         $("#WebPartWPQ7").find("tr.ms-itmhover:Contains('Faucets')").show();

        $("#WebPartWPQ2").find("tr.ms-itmhover:not(:Contains('Faucets'))").hide();
         $("#WebPartWPQ2").find("tr.ms-itmhover:Contains('Faucets')").show();

        $("#WebPartWPQ8").find("tr.ms-itmhover:not(:Contains('Faucets'))").hide();
         $("#WebPartWPQ8").find("tr.ms-itmhover:Contains('Faucets')").show()
         ButtonValue = "Faucets" 

         });

var txt = ""
$("input.search").change(function() {
          var txt = $("input.search").val();
          alert(txt)

    if (txt) {
          //alert("VN : " + VN);
          //alert(".change() called");

         //Vendor List
         $("#WebPartWPQ5").find('tr.ms-itmhover:not(:contains("+txt+"):contains("+ButtonValue+")').hide();
         $("#WebPartWPQ5").find('tr.ms-itmhover:contains("+txt+"):contains("+ButtonValue+")').show();

         //Manufacturer Reps
         // Logic to see search value is numeric then search using the company name
         $("#WebPartWPQ6").find("tr.ms-itmhover:not(:Contains("+txt+"))").hide();
         $("#WebPartWPQ6").find("tr.ms-itmhover:Contains("+txt+")").show();

         //Vendor Contact List
         $("#WebPartWPQ4").find("tr.ms-itmhover:not(:Contains("+txt+"))").hide();
         $("#WebPartWPQ4").find("tr.ms-itmhover:Contains("+txt+")").show();

         //Vendor Document List
         $("#WebPartWPQ7").find("tr.ms-itmhover:not(:Contains("+txt+"))").hide();
         $("#WebPartWPQ7").find("tr.ms-itmhover:Contains("+txt+")").show();

         // Vendor Details
         $("#WebPartWPQ2").find("tr.ms-itmhover:not(:Contains("+txt+"))").hide();
         $("#WebPartWPQ2").find("tr.ms-itmhover:Contains("+txt+")").show();

         // Product Lines
         $("#WebPartWPQ8").find("tr.ms-itmhover:not(:Contains("+txt+"))").hide();
         $("#WebPartWPQ8").find("tr.ms-itmhover:Contains("+txt+")").show();

        } else {

          $("#WebPartWPQ6").find("tr.ms-itmhover").show();
          $("#WebPartWPQ7").find("tr.ms-itmhover").show();
          $("#WebPartWPQ4").find("tr.ms-itmhover").show();
          $("#WebPartWPQ8").find("tr.ms-itmhover").show();
          $("#WebPartWPQ2").find("tr.ms-itmhover").show();
          $("#WebPartWPQ5").find("tr.ms-itmhover").show();           
        }
      }).keyup(function(){$(this).change();
     });

Answer 1

您在这些行上的语法不正确

$("#WebPartWPQ5").find('tr.ms-itmhover:not(:contains("'+txt+'"):contains("'+ButtonValue+'")').hide();
$("#WebPartWPQ5").find('tr.ms-itmhover:contains("'+txt+'"):contains("'+ButtonValue+'")').show();