Показать сообщение отдельно
  #1 (permalink)  
Старый 09.11.2015, 21:50
Интересующийся
Отправить личное сообщение для Mirtle@tut.by Посмотреть профиль Найти все сообщения от Mirtle@tut.by
 
Регистрация: 18.08.2015
Сообщений: 18

выбор tr в table
Есть таблица и поле поиска с кнопкой. При нажатии на кнопку ищется в таблице и та строка в которой находится значение остается, а все остальные строки скрывает. Когда я выбираю, элементы, которые по одному в таблице все хорошо, но как только я выбираю 35 прячется все. А должно просто выделится и никуда не скрываться. Не знаю как это исправить.

<table class="table">
    <tbody>
        <tr class="th">
            <th>
                id
            </th>
            <th>
                age
            </th>
            <th>
                name
            </th>
            <th>
                city
            </th>

        </tr>
    <tr>
         <td>1</td>
         <td>35</td>
         <td>Вася</td>
         <td>Минск</td>
   </tr>
    <tr>
           <td>2</td>
           <td>35</td>
           <td>Андрей</td>
          <td>Москва</td>
   </tr>
   <tr>
         <td>3</td>
         <td>35</td>
         <td>Елизавета</td>
         <td>Варшава</td>
    </tr>
</tbody>

</table>
<div class="search">

<input type="text">
<button>Search</button>
</div>

$('button').click(function(){
var result = $('input').val();
var containsTable =  $('tr:contains("'+result+'")').css({"backgroundColor": "blue"}).siblings().not('.th').hide();
}

Последний раз редактировалось Mirtle@tut.by, 09.11.2015 в 21:52.
Ответить с цитированием