Элемент jquery quicksearch для поиска не работает должным образом
Я использую плагин jquery под названием quicksearch для фильтрации списка комментариев.
Вот фрагмент из разметки:
<ol class="commentlist">
<li class="comment byuser comment-author-admin bypostauthor even thread-even depth-1" id="li-comment-9">
<article id="comment-9" class="comment">
<div class="comment-content">
<p><span class="ecf-field ecf-field-1">
<strong class="ecf-question">I CHOOSE :</strong><span class="ecf-answer">HTML5</span>
</span></p>
<p>I agree with HTML 5</p>
</div>
</article><!-- #comment-## -->
</li><!-- #comment-## -->
Что я хочу, чтобы искать по этому <span class="ecf-answer">HTML5</span>
итак, если поисковый запрос совпадает HTML5
отображать <li>
элементы, которые соответствуют поисковому запросу.
Проблема в том, что если я ищу HTML5
ищет через весь <li>
пункт, а не только через <span class="ecf-answer">HTML5</span>
Мой вопрос, как я могу сделать это для поиска через это <span class="ecf-answer">HTML5</span>
но все равно удали все <li>
пункт, который не соответствует?
Вот скрипка, чтобы лучше понять, о чем я говорю.
Это возможно?
1 ответ
В коде, который вы предоставили через JSFiddle, я увидел, что кеш-переменная, которая отвечала за сравнение по запросу, передавалась как целое <li>
внутренняя-структура.
Редактируя строку № 134:
return e.strip_html(this.innerHTML);
в
return e.strip_html($(this).find(".ecf-answer").html());
... затем вы указываете приложению сравнивать только часть.efc-answer каждого элемента.
Вот рабочая скрипка http://jsfiddle.net/2QAdv/1/
Тем не менее, есть другое решение, которое должно предоставить конструктор quicksearch, selector
значение, как показано ниже:
$("#id_search").quicksearch("ol li article ", {
noResults: '#noresults',
loader: 'span.loading',
selector: '.ecf-answer'
});
Я надеюсь, что это то, что вы ищете.
Ура:)