Поиск на сайте по двум параметрам

156
21 июля 2019, 21:30

Доброго времени суток :) Помогите пожалуйста с небольшой задачкой.

На сайте есть два поля input type="text". И обычная кнопка button. При нажатии на кнопку button, нужно сделать что бы с input 1 брало тот запрос что человек ввел, с input 2 брало такое же значение, и искало совпадения в "таблице" с этими двумя значениями, и те блоки где значения совпадает, оставляло, где не совпадает, скрывало.

Все это у меня получилось сделать только с input 1, а значение с input 2 оно вообще не хочет цеплять. Не подскажите, что я делаю не так?

    $('.search_nomer_button').click(function() { 

    _this = $('.one_nomer');
    _this_two = $('.other_nomer');
        $.each($(".bottom_line_table > div"), function() {
    if($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase()) === -1) {
        $(this).hide();
    } else {
        $(this).show();                
    };
});
            $.each($(".bottom_line_table > div"), function() {
    if($(this).text().toLowerCase().indexOf($(_this_two).val().toLowerCase()) === -1) {
        $(this).hide();
    } else {
        $(this).show();                
    };
});


    });

Вот с этим кодом, замечательно ищет все только с первым значением. А второе как будто не видит.

Answer 1

$('#serch').on('click',function(){ 
  let mainNum = $('#main_number').val(); 
  let othNum = $('#other_number').val(); 
$(".bottom_line_table > div").each(function(index,item){ 
  let chkMain = $(item).find('.main_number_table').text(); 
  let chkOther = $(item).find('.other_nuber_table').text(); 
  if (mainNum !== chkMain && othNum !== chkOther){ 
    $(item).hide(); 
  } 
}) 
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<input id='main_number' type="text">  
<input id='other_number' type="text"> 
<button id='serch'>Hide</button> 
<div class='bottom_line_table'> 
  <div> 
    <div calss='table_number'> 
      <div class='mini_table_block'> 
        <div class='main_number_table'>o7777o</div> 
        <div class='other_nuber_table'>777</div> 
        <div> 
          <img src="http://nomera.cu11017.tmweb.ru/wp-content/themes/your-clean-template/img/rus_mini.png" alt=""> 
        </div> 
      </div> 
    </div> 
    <div class='region'>Москва</div> 
    <div class='date_update'>19.05.2018</div> 
    <div class='prod'>Руслан</div> 
    <div class='price_nomer'>480 000</div>  
  </div> 
    <div> 
    <div calss='table_number'> 
      <div class='mini_table_block'> 
        <div class='main_number_table'>z2222z</div> 
        <div class='other_nuber_table'>222</div> 
                <div> 
          <img src="http://nomera.cu11017.tmweb.ru/wp-content/themes/your-clean-template/img/rus_mini.png" alt=""> 
        </div> 
      </div> 
    </div> 
    <div class='region'>Москва</div> 
    <div class='date_update'>19.05.2018</div> 
    <div class='prod'>Руслан</div> 
    <div class='price_nomer'>480 000</div>  
  </div> 
    <div> 
    <div calss='table_number'> 
      <div class='mini_table_block'> 
        <div class='main_number_table'>b11111b</div> 
        <div class='other_nuber_table'>333</div> 
                <div> 
          <img src="http://nomera.cu11017.tmweb.ru/wp-content/themes/your-clean-template/img/rus_mini.png" alt=""> 
        </div> 
      </div> 
    </div> 
    <div class='region'>Москва</div> 
    <div class='date_update'>19.05.2018</div> 
    <div class='prod'>Руслан</div> 
    <div class='price_nomer'>480 000</div>  
  </div> 
</div>

READ ALSO
Как сделать AJAX запрос?

Как сделать AJAX запрос?

Много всего прочитал о AJAX запросах и как они работают вроде бы понял, но как это применить никак не догадаюсь

152
Поворот обьекта в сторону его движения

Поворот обьекта в сторону его движения

не могу осилить задачку с поворотом обьекта в сторону его движения

117
Как MySQL сохраняет данные?

Как MySQL сохраняет данные?

Вопрос о том как MySQL занимает место на диске, и о правильном выборе типа данных

170