Функция поиска Jquery using содержит

Question

Я пытаюсь создать «функцию поиска jquery», и я хочу, чтобы иметь возможность использовать более одного слова для сортировки результатов.

Может кто-нибудь, пожалуйста, покажите мне, как заставить его работать?

Это то, что я получил:

$(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, заменяя пробелы с содержит Попробуйте это:

<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> 

Тест:

<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> 

Проверьте сообщение @: http://www.jsfiddle.net/RUF4P/4/ (тип Lorem Ipsum)