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

请尝试使用以下方法获取每个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();
            }
        });

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

使用jquery过滤html表数据

3 个答案: