Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   выбор tr в table (https://javascript.ru/forum/jquery/59403-vybor-tr-v-table.html)

Mirtle@tut.by 09.11.2015 21:50

выбор 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();
}

рони 09.11.2015 23:08

Mirtle@tut.by,
http://javascript.ru/forum/misc/5871...tml#post391060
http://javascript.ru/forum/dom-windo...tml#post382867

Mirtle@tut.by 10.11.2015 09:28

Спасибо большое.


Часовой пояс GMT +3, время: 07:43.