首页 > 解决方案 > 引导过滤表多字

问题描述

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

<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)
        });
    });
});

标签: javascriptphptwitter-bootstrapfilterhtml-table

解决方案


推荐阅读