如何讓我的搜索方法在jquery中更好？

Question

我寫了使用jQuery非常簡單的搜索方法，這裏是我的方法：

function filter() { 
    array = [] 
    // Search For items on Searchbox 
    var name = $(this).find('.info').text().toLowerCase() 
    items = name.match($('#Search').val().toLowerCase()) 

    // Select Valid items 
    if (items != null){ 
     array.push(items) 
     $(this).addClass('Result'); 
     return items; 
    } 
} 

這種方法效果很好，但問題是結果

如果我們有這樣的文字

Enjoy your company 

「享受你的」是true但「你的享受」是false。

如何讓我的方法更好地解決此問題，並且如果單詞有不同的順序，我可以捕捉到它？

而且我想如果「享受你的Z」結果用戶搜索應該是false

Here is a jsFiddle。

Answer 1

您可以考慮使用split()方法來實現此結果。

即使單詞的順序不同，您也可以解決以下更新後的代碼。

 array = []; 
$('#Search').keyup(function (e) {       
    $("body").find(".info").each(function(index){ 
       var matchedIndexes = []; 
       var name = $(this).text().toLowerCase().trim(); 
       var splitedArray = name.split(" "); // to split by space 
       var splitedSearch =$('#Search').val().toLowerCase().trim().split(" "); 

for(var i=0;i<splitedArray.length;i++){ 
    if(i == 0) 
    var matchedLength = 0; 

    for(var j=0;j<splitedSearch.length;j++){ 
     if (splitedArray[i].indexOf(splitedSearch[j]) == 0){ 
      if(splitedArray.length >= splitedSearch.length && matchedIndexes.indexOf(i) == -1){ 
         matchedIndexes.push(i);//To avoid search the same index even after match 
         array.push(splitedArray[i]) 
         $(this).addClass('match'); 
         matchedLength ++; 
      } 
     } 
    } 

    if(matchedLength < splitedSearch.length) 
     $(this).removeClass('match');   
    } 


      }); 

});// keyup 

更新：1
jsfiddle

更新：2
jsfiddle

更新：3
jsfiddle

我希望這會幫助你。