jquery - 使用jquery删除tr

Question

我创建了一个表，并想使用 jquery 删除行。

我到处都找过了，但我无法弄清楚我做错了什么。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {
    $("#ao-referrer-summary").on('click', '.btnDelete', function () {
        $(this).closest('tr').remove();
    });
});
</script>

<table id="ao-referrer-summary">
    <thead>
        <tr>
            <th>Referrer First Name</th>
            <th>Referrer Last Name</th>
            <th>Delete User</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>%%FNAME%%</td>
            <td>%%LNAME%%</td>
            <td>
                <button class="btnDelete">&times;</button>
            </td>
        </tr>
        <tr>
            <td>%%FNAME%%</td>
            <td>%%LNAME%%</td>
            <td>
                <button class="btnDelete">&times;</button>
            </td>
        </tr>
    </tbody>
</table>

js fiddle http://jsfiddle.net/designstreet1/4pvrtghu/

Answer 1

您的代码正在工作，只需加载jQuery库即可使其工作。在左上角的下拉列表中选择 jquery 库。这就是如何使用JSFIDDLE 。之后你就可以去交配了。请参阅下面的屏幕截图:

如果您使用的是代码片段，这里是包含库的部分:

工作 DEMO