使用jquery过滤html表数据

Question

<table class="table table-hover">
                <thead>
                <tr><th> Block</th>
                    <th>Size</th></tr>

                </thead>
                <tbody id="poolTable" class="tbody">
                <tr>
                    <td>78</td>
                    <td>18</td>

               </tr>
                <tr>
                    <td>52</td>
                    <td>21</td>

               </tr>
                 <tr>
                    <td>54</td>
                    <td>19</td>
                  </tr>

                </tbody>
            </table>

嗨，我想使用 jquery 过滤 html 表数据，任何人都可以尝试解决这个问题！！

Answer 1

请尝试下面的 JavaScript 来获取每个 td 的内容

$("#filter").keyup(function(){
    var filter = $(this).val();
    $("#poolTable > tr").each(function(e){

        cells = this.cells;
        for(i=0; i< cells.length; i++){
           alert(cells[i].innerHTML);
        }

    });
})

Answer 2

你可以试试这个

https://sunnywalker.github.io/jQuery.FilterTable/

它是一个 jQuery 插件，可让您过滤表格。

Answer 3

function filter(){
    var text = $('#search').val();

    $('#poolTable tr').show();
    if (text != "")  {
        $('#poolTable tr td.number').each(function() {
            if ($(this).text().indexOf(text) >= 0) {
               $(this).parent().show();
               return true;
            } else {
               $(this).parent().hide();
            }
        });

这有效。 这里 number 是td的类名。 它只过滤单列。