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입니다. 부서명이있는 값을 변경할 때 테이블을 지우고 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

선택자가 tbody 요소 안에 id="tbody" 인 요소를 찾고 있습니다.

$("#tbody") 

Answer 2

변화

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

을

에 : 당신은 그냥 사용할 수 있어야하므로

$("tbody#tbody") 

는 ID가 페이지에서 고유해야합니다 공간을 제거

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

과에 jQuery를 변경합니다

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