0

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

На сайте есть два поля 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();                
    };
});





    });

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

1
  • Добавьте, пожалуйста, HTML. И попробуйте сделать все одним циклом. Условие if из второго цикла можно перенести в первый и получить такое: if($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase()) === -1 || $(this).text().toLowerCase().indexOf($(_this_two).val().toLowerCase()) === -1). Это будет значить, что если найден текст из первого или второго input, то показать, иначе скрывать. 3 янв 2019 в 19:16

1 ответ 1

0

$('#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>

3
  • Спасибо большое, в каком направлении работать я понял, только попробовал как то применить это на сайте, но результат почему то получился не такой как у Вас... :) Вот ссылка на сам проект nomera.cu11017.tmweb.ru Может подскажите уже видя весь код. 3 янв 2019 в 20:51
  • Вот 2 input куда нужно вводить значения prntscr.com/m2qb08 , а вот таблица по которой идет поиск prntscr.com/m2qbau 3 янв 2019 в 20:53
  • Вот так должно работать.
    – Lukas
    4 янв 2019 в 7:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.