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はそのままにしておきます。

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

これは私のテーブルです、誰かが助けることができます。ありがとう

4

2 に答える 2

1

セレクターは、要素id="tbody"内にある要素を探していtbodyます。スペースを削除します。

$("tbody#tbody")

ID はページ内で一意である必要があるため、次のものだけを使用できるはずです。

$("#tbody")
于 2012-09-06T07:56:33.463 に答える
0

変化する

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

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

jQueryを次のように変更します。

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

于 2012-09-06T08:04:39.407 に答える