引导过滤器表多字

时间:2018-11-27 10:44:31

标签: javascript php twitter-bootstrap filter html-table

我需要一个能够获得多个单词的过滤器。

<input class="form-control" id="myInput" type="text" placeholder="Search">
<table class="table border table-hover table-light small table table-striped mt-2">
    <tr>
        <td>Deo grada</td>
        <td>Ulica</td>
        <td>Sprat</td>
        <td>Oprema</td>
    </tr>
    <tbody id="myTable">
        <tr>
            <td class="text-dark">deo</td>
            <td class="text-dark">adresa</td>
            <td class="text-dark">spratova</td>
            <td class="text-dark">oprema</td>
        </tr>
    </tbody>
</table>
我为引导找到的

//脚本代码

$(document).ready(function() {
    $("#myInput").on("keyup", function() {
        var value = $(this).val().toLowerCase();
        $("#myTable tr").each(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
    });
});

0 个答案:

没有答案