Как отфильтровать несколько <li>на основе нескольких выпадающих значений в JQuery? - PullRequest
Новая
       13

Как отфильтровать несколько <li>на основе нескольких выпадающих значений в JQuery?

0 голосов
/ 31 августа 2018

Мне нужно отфильтровать элемент списка от нескольких раскрывающихся значений, используя только одно поле ввода.

HTML-код 

<input class="brand_filter_search_box" id="category_filter_search_box" type="text">

<h4 aria-expanded="true" class="" id="main_cat_7" tab-index="1" data-toggle="collapse" href="#collapse7">Low Voltage Bazar <span class="glyphicon glyphicon-menu-down"></span></h4>
<ul style="" aria-expanded="true" id="collapse7" class="panel-collapse list-unstyled collapse in">
    <li>
        <label><span>ACB -Air Circuit Breaker</span> </label>
    </li>                   
    <li>
        <label><span>ACCL -Auto Changover and Current Limiter</span></label>
    </li>
</ul>

<h4 aria-expanded="true" class="" id="main_cat_8" tab-index="1" data-toggle="collapse" href="#collapse8">Low Voltage Bazar <span class="glyphicon glyphicon-menu-down"></span></h4>
<ul style="" aria-expanded="true" id="collapse8" class="panel-collapse list-unstyled collapse in">
    <li>
        <label><span>TCL -PING Circuit </span> </label>
    </li>                   
    <li>
        <label><span>PAE - Changover and  Limiter</span></label>
    </li>
</ul>

SCRIPT 

<script type="text/javascript">
    jQuery("#category_filter_search_box").on("keyup", function() {
    var value = jQuery(this).val().toLowerCase();
    jQuery("#collapse li label").filter(function() {
      jQuery(this).toggle(jQuery(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
</script>

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

...