我无法使用jquery删除行 $(“#部门名称下拉列表”).change(函数(){ $.ajax({ 键入:“post”, 数据类型:“json”, url:“http://localhost:8081/crownregency/getInfoSearch.php", 数据:{id:$('#部门名称下拉列表').val(), 成功:功能(数据){ $(“tbody#tbody”).find(“tr:gt(0)”.remove();; 对于(变量i=0;i

我无法使用jquery删除行 $(“#部门名称下拉列表”).change(函数(){ $.ajax({ 键入:“post”, 数据类型:“json”, url:“http://localhost:8081/crownregency/getInfoSearch.php", 数据:{id:$('#部门名称下拉列表').val(), 成功:功能(数据){ $(“tbody#tbody”).find(“tr:gt(0)”.remove();; 对于(变量i=0;i,jquery,html,Jquery,Html,这是我的jquery for display,当我更改DepartmentName下拉列表值时,我希望清除表,但保留thead不变 $('#DepartmentNameDropdown').change(function(){ $.ajax({ type: 'post', dataType: 'json', url: "http://localhost:8081/crownregency/getInfoSearch.php",

这是我的jquery for display,当我更改DepartmentName下拉列表值时,我希望清除表,但保留thead不变

$('#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);
                }

            }
        });                                          
    });

名字
姓
职位名称
位置

这是我的桌子,有人能帮忙吗。谢谢

您的选择器正在查找
id=“tbody”
位于
tbody
元素内部的元素。删除空间:

<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>
id在页面中应该是唯一的,因此您应该能够仅使用:

$("tbody#tbody")
改变

并将jQuery更改为:


$(“#tbody”).find(“tr:gt(0)”.remove()

我照你说的做了,但它仍然没有删除tbodyth下的tr
也应该从HTML中的
id
中删除-否则选择器将是
\\\\\\tbody
tbody
$("#tbody")