Javascript 在jquery中使用jquery插件

我试图在jQuery代码中使用jQuery插件。该插件用于过滤表数据。插件的演示可以找到

现在，我想将插件与jQuery中创建的表一起使用。我正在尝试使用addClass方法和attr方法添加插件。但它不起作用。我不知道如何在我的代码中使用插件

<script>
$('#filter_table').append('<table>').addClass("js-dynamitable").append('<thead>');

    for(i=0;i<2;i++)
    {
        $('#filter_table').append( '<tr>');
        if(i==0)
        {
            $('#filter_table').append( '<th style="color: red;"> Name <span class="js-sorter-desc"></span> <span class="js-sorter-asc"></span> </th>');
            $('#filter_table').append( '<th style="color: red;"> Email <span class="js-sorter-desc"></span> <span class="js-sorter-asc"></span> </th>');
            $('#filter_table').append( '<th style="color: red;"> Age <span class="js-sorter-desc"></span> <span class="js-sorter-asc"></span></th>');
        }
        else if(i==1)
        {
            $('#filter_table').append( '<th> <input>').attr('class','js-filter');
            $('#filter_table').append('</th>');
            $('#filter_table').append( '<th> <select class="js-filter"> <option value=""></option> <option value="@gmail.com">Gmail</option> <option value="@yahoo.com">Yahoo</option> <option value="@rediff.com">Rediff</option> </select></th>');
            $('#filter_table').append( '<th> <input  class="js-filter" type="text" value=""> </th>');
        }
        $('#filter_table').append('</tr>');
    }
    $('#filter_table').append('</thead> <tbody>');
    for(i=0;i<2;i++)
    {
        $('#filter_table').append( '<tr>');

        {
            $('#filter_table').append( '<td> Rohit </td>');
            $('#filter_table').append( '<td> Rohit@gmail.com </td>');
            $('#filter_table').append( '<td> 18 </td>');
        }
        $('#filter_table').append('</tr>');
        $('#filter_table').append('<tr>');
        {
            $('#filter_table').append( '<td> Ryan </td>');
            $('#filter_table').append( '<td> Ryan123@yahoo.com </td>');
            $('#filter_table').append( '<td> 32 </td>');
        }
        $('#filter_table').append('</tr>');
    }
    $('#filter_table').append('</tbody></table>');  
    </script>

试一试

而不是

$('#filter_table').append('<table>').addClass("js-dynamitable").append('<thead>')

---

我猜插件没有看到动态添加的类。但是我也没有查看插件文档/源代码。我已经在$'filter_table'中添加了js filter类。append'.attr'class'，'js-filter'。我想将该类添加到输入标记中，但它已添加到filter_表中。你能告诉我如何将一个类添加到一个特定的标记中吗？你可以使用addclass方法将一个类添加到一个标记中。。。那和我说的无关。据我所知，该插件可能会在dom ready上查找上述类，然后就再也找不到了。

$('#filter_table').append('<table>').addClass("js-dynamitable").append('<thead>')