Фильтр для определенного содержимого в классе

Question

Я узнал о фильтре и показываю содержимое на своей странице, прямо сейчас Я добавляю элемент <select>, чтобы выполнить поиск, поэтому я основал функцию элемента select в своей функции от ввода текста и работает нормально, проверьте Jsfiddle, но если я хочу использовать фильтр для фильтрации только части Category: something, который является частью кода <span class="pull-right category">Как я могу это сделать?.

Прямо сейчас, если я выбираю вариант Fisrt в DropDownList показывает мне первое и третье панель, потому что в третьем panel-body содержания существует слово Первого, так что я хочу указать только на содержание класса category от моего пролета элемента и показать панели с First как категория не в любой другой части панели.

EDIT: В основном нужно фильтровать с помощью dropdowlinst выберите категорию и показывает только панель с категорией я выбираю независимо от другого содержимого панели, просто Category части.

Answer 1

В вашем фильтре найдите термин только в пределах диапазона с классом категории, а не весь текст панели.

Изменение:

$(this).text().toLowerCase().indexOf(term.toLowerCase()) > -1 

в

$(this).find('span.category').text().toLowerCase().indexOf(term.toLowerCase()) > -1 

Answer 2

Попробуйте это:

$(this).find(".category").text().toLowerCase().indexOf(term.toLowerCase()) > -1