Показать сообщение отдельно
  #3 (permalink)  
Старый 18.06.2018, 11:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,134

Artur_Hopf,
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<input type="text" id="myInput" placeholder="Введите данные для поиска по таблице"></br></br>
<table class="table" id="table" border="1">
   <thead id ="myTableHead" >
            <tr>
                <th scope="col">ФИО</th>
                <th scope="col">Номер</th>
            </tr>
     </thead>
     <tbody id="myTable">
           <tr>
           <td class="text-center">ФИО</td>
           <td class="text-center">Человек. №1</td>
            </tr>
            <tr>
           <td class="text-center">ФИО</td>
           <td class="text-center">Человек №2</td>
           </tr>
     </tbody>
            </table>
<script>
$(function(){
    filterTable();
});
function filterTable(){
    $("#myInput").on("input", function() {
        var value = $(this).val().toLowerCase();
        value = value.replace(/\s+/g,"[\\s\\S]+?");
        value = new RegExp(value);
        $("#myTable tr").filter(function() {
          !value||$(this).toggle(value.test($(this).text().toLowerCase()));
        });
    });
}
</script>
Ответить с цитированием