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関数では、今度は繰り返しスパゲッティコードの束であるため、多くのコードを省略しました。しかし、これはあなたに、2つの関数の関係がどのように働くかの要点を与えます。それはTXTとButtonValue変数の両方のために見えるように

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();