У меня есть фильтр автозаполнения в реальном времени, который я использую, чтобы отсеять каталог людей. Используя этот поиск, я хочу, чтобы люди могли выполнять поиск, используя несколько слов, что еще больше уменьшит количество получаемых результатов.
В настоящее время с помощью приведенного ниже кода, если кто-то ищет «техник Атланта», они получат блоки профиля каталога, которые содержат «техник», и те, которые содержат «Атланта». Я хочу, чтобы он нашел div, содержащий ОБЕИХ слова ... чтобы они могли найти специалиста в Атланте. Надеюсь, это имеет смысл.
Мой код работает для включения терминов по отдельности, но я хочу, чтобы они находили строки, содержащие несколько терминов. Любые идеи? Заранее спасибо!!
$("#filter").keyup(function () {
// Split the current value of the filter textbox
var data = this.value.split(" ");
// Get the table rows
var rows = $(".directoryprofile");
if (this.value == "") {
rows.show();
return;
}
// Hide all the rows initially
rows.hide();
// Filter the rows; check each term in data
rows.filter(function (i, v) {
for (var d = 0; d < data.length; ++d) {
if ($(this).is(":contains('" + data[d] + "')")) {
return true;
}
}
return false;
})
// Show the rows that match.
.show();
});
rows.filter(function(i, v) {
var truth = true;
for (var d = 0; d < data.length; ++d) {
//remain true so long as all of the filters are found
//if even one is not found, it will stay false
truth = truth && $(this).is(":contains('" + data[d] + "')");
}
return truth;
})
//OR you could just flip your logic and return false if any of the
//filters are not found
rows.filter(function(i, v) {
for (var d = 0; d < data.length; ++d) {
if (!$(this).is(":contains('" + data[d] + "')")) {
return false;
}
}
return true;
})
Вы даже можете замкнуть первый вариант, изменив свой цикл на d < data.length && truth
, чтобы он останавливал цикл, как только произошло несовпадение. @HarlanBowling
Первый раздел работал как шарм! Теперь это кажется таким простым, когда я смотрю на это. Фу. Благодаря тонну!