2012-09-06 29 views
0
$('#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完好無損。我不能刪除行使用jquery

<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> 

這是我的表,可以有人幫助。謝謝

回答

1

您的選擇器正在尋找tbody元素中的id="tbody"元素。刪除空格:

$("tbody#tbody") 

ID應該是在頁面獨一無二的,所以你應該能夠只使用:

$("#tbody") 
+0

我做了什麼,你說的,但它仍然犯規下,刪除TBODY – user1525703

+1

的''#在TR應該從HTML的'id'也被刪除 - 否則選擇器將是'#\\#tbody'或'tbody#\\#tbody' –

+0

我已經刪除#在ID仍然不能刪除 – user1525703

0

變化

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

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

,改變了jQuery:

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