Javascript для поиска в нескольких таблицах на одной странице

Как я могу заставить это работать с несколькими разными таблицами? Я подумал, что если бы я изменил идентификатор в таблицах и в javascript, это сработало бы, но этого не произошло.

И для первой таблицы у меня это:

<table id="table" class="table paginated table-hover no-wrap">

Javascript:

var $rows = $('#table tbody tr');
$('#search').keyup(function() {
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

    $rows.show().filter(function() {
        var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
        return !~text.indexOf(val);
    }).hide();
});

И я делал это, попробуй заставить его работать в других таблицах

<table id="table2" class="table paginated table-hover no-wrap">

Javascript:

var $rows = $('#table2 tbody tr');
$('#search').keyup(function() {
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

    $rows.show().filter(function() {
        var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
        return !~text.indexOf(val);
    }).hide();
});

Для поиска я использую это:

<div class="input-group">
    <input class="form-control" id="search" type="text">
</div>

Если я удалю второй javascript, первый будет работать.

Вместо этого вы можете выбирать таблицы по классам. $('.table tbody tr')

Mohammad 31.10.2018 13:07

@Mohammad Я пробовал это, но если я буду искать в одной таблице, другая выдаст результат моего поиска, но с содержимым этой таблицы. И если я попытаюсь выполнить поиск во второй таблице, работа будет выполнена.

John 31.10.2018 13:12

Работает в jsfiddle.net/690713m4

Mohammad 31.10.2018 13:22

@Mohammad Я хотел найти разные места поиска, одно для первой таблицы, а второе для второй таблицы

John 31.10.2018 13:24
jsfiddle.net/690713m4/1
Mohammad 31.10.2018 13:26

Это сделало свою работу спасибо

John 31.10.2018 13:35
0
6
101
0

Другие вопросы по теме