Элемент 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'
                                               });

http://jsfiddle.net/2QAdv/2/

Я надеюсь, что это то, что вы ищете.

Ура:)

Другие вопросы по тегам