Как найти несколько подстрок в одном запросе

Question

Я столкнулся с точкой, из которой я не могу думать дальше. Вкратце, у меня есть ul сотнями li, каждый li имеет десятки слов в виде текста; в самом верху списка я поставил окно ввода для ввода пользователем нескольких ключевых слов; скажем, например, что я хочу отфильтровать из этого огромного списка только строки, в которых существуют следующие три слова в одной строке: «красная сладкая клубника». Будучи нажмите кнопку поиска, линии отфильтровываются и там у меня есть только две строки, содержащие слова Я заинтересован в

LI1:. «Я едва ждать, чтобы съесть некоторые красные сладкие клубники»

li2 : «Это лето и красная сладкая клубника сейчас свежие»

До этого момента все в порядке.

Проблема возникает, когда три слова поиска отделяются другими словами или символами вдоль строки. Итак, взятый верхний пример, фильтр никогда бы не показать мне следующую строку:

Li3: «В красного и сладкие клубники находятся на рынке в настоящее время»

Итак, я лег вся функция фильтра и перебирать результаты от верхнего примера:

$(document).ready(function() { 
     var links = new Array(); 
     $("h4").each(function(index, element) { 
     links.push({ 
      text: $(this).text(), 
      element: element 
     }); 
    }); 

    $("#searchbutton").click(function() { 
     var query = $("#inputtext").val(); 
     var querywords = query.split(','); 

     var results = new Array(); 
     for(var i = 0; i < querywords.length; i++) { 
      for(var j = 0; j < links.length; j++) { 
       if (links[j].text.toLowerCase().indexOf(querywords[i].toLowerCase()) > -1) { 
        results.push(links[j].element);      
        } 
      } 
     } 

     $("h4").each(function(index, element) { 
      this.style.display = 'none'; 
     }); 
     for(var i = 0; i < results.length; i++) { 
      results[i].style.display = 'block'; 
     } 

    });  

}); 

можно ли найти несколько подстрок и получить результаты, даже если подстроки разделяются символами или другими словами?

Answer 1

Вот один из способов сделать то, что я думаю, вы хотите.

var results = new Array(); 
for (var i = 0; i < querywords.length; i++) { 
    var regex = new RegExp( 
     '(?=.*\\b' + querywords[i].split(' ').join('\\b)(?=.*\\b') + '\\b)', 'i' 
    ); 
    for (var j = 0; j < links.length; j++) { 
     if (regex.test(links[j].text)) { 
      results.push(links[j].element); 
     } 
    } 
} 

Например, если querywords содержал пункт "red sweet strawberries", тем regex создал бы

/(?=.*\bred\b)(?=.*\bsweet\b)(?=.*\bstrawberries\b)/i 

Три положительный look-aheads используются так, что строки, которые содержат три слова на одной и той же линии, пройти тест (если они окружены границей слов).

Демонстрация: JSFIDDLE.

Answer 2

Если я понимаю правильно, то вся проблема:

var querywords = query.split(','); 

В примере запроса у вас нет запятой. Так что, наверное, это ошибка? Разделите запрос с пробелом:

var querywords = query.split(' ');