jquery - 我无法使用 jquery 删除行

Question

$('#DepartmentNameDropdown').change(function(){

    $.ajax({
        type: 'post',
        dataType: 'json',
        url: "http://localhost:8081/crownregency/getInfoSearch.php",
        data: {id: $('#DepartmentNameDropdown').val()},
        success: function(data){
                $("tbody #tbody").find("tr:gt(0)").remove();;
                for (var i = 0; i < data.length; i++)
                {
                    $row = "<tr><td>" +data[i]['fname']+ "</td><td>" +data[i]['lname']+ "</td><td>" +data[i]['job']+ "</td><td>" +data[i]['loc']+ "</td></tr>";
                    $('#usersTable').find("tbody").after($row);
                }

            }
        });                                          
    });

这是我用于显示的 jquery，当我更改 departmentnamedropdown 值时，我想清除表，但保持 thead 完整。

<table width="581" border="1" id="usersTable">
<thead>
    <th width="25%">First Name</td>
    <th width="25%">Last Name</td>
    <th width="25%">Job Title</td>
  <th width="25%">Location</td>
 </thead>
 <tbody id="#tbody"></tbody>
</table>

这是我的桌子，有人可以帮忙吗？谢谢

Answer 1

您的选择器正在寻找元素id="tbody"内部的tbody元素。删除空格：

$("tbody#tbody")

id 在页面中应该是唯一的，因此您应该能够使用：

$("#tbody")

Answer 2

改变

<tbody id="#tbody"></tbody>

至

<tbody id="tbody"></tbody> <!-- remove the # sign-->

并将jQuery更改为：

$("#tbody").find("tr:gt(0)").remove();