Jquery検索機能を使用するcontains

Question

"jquery search function"を作成しようとしていますが、複数の単語を使用して結果を並べ替えることができます。

誰かが私にそれを動作させる方法を教えてもらえますか？

これは私が得たものである：

$(document).ready(function(){ 

$('.qid').keyup(function() { 
var keyword = $(this).val().toLowerCase().split(" "); 

$(".q").removeClass('show'); 
$(".q:contains('"+ keyword[0] +"'):contains('"+ keyword[1] +"'):contains('"+ keyword[2] +"'):contains('"+ keyword[3] +"')").addClass('show'); 
if ($('.qid').val() == '') 
{ 
$('.q').removeClass('show'); 
} 
}); 

}); 

Answer 1

してください、この読み：私は、これが "含まれている" に関するご質問を取ると思いますjQuery :contains selector to search for multiple strings

を。

Answer 2

あなたはこの試しください 含まれていて、スペースを置き換えることにより、jqueryのセレクタ文字列を生成することができます：http://www.jsfiddle.net/RUF4P/4/（タイプLoremのイプサム）

：ポスト@をチェック

<div>John Resig</div> 
<div>George Martin</div> 
<div>Malcom Cybernate Sinclair</div> 
<div>J. Ohn</div> 


<script> 
    var baseText = "John Cybernate" 
    var containsString = baseText.replace(" ", " ,div:contains("); 
    $("div:contains(" + containsString + ")").css("text-decoration", "underline"); 
</script> 

：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.qid').keyup(function() { 
      var keyword = $(this).val().replace(/\s+/g, " ").replace(/\s+$|^\s+/g, ""); 
      var containsString = keyword; 
      $(".q").removeClass('show'); 
         containsString = ".q:contains("+containsString+")".replace(".q:contains()",""); 
      console.log(containsString); 
      $(containsString).addClass('show'); 
      if ($('.qid').val() == ''){ 
       $('.q').removeClass('show'); 
      } 
     }); 
}); 

</script> 

テスト