Question

我在<div>内有一个表，使用Knockout（ko）绑定数据。我想使用按钮单击清除数据。我找到了很多例子，例如empty（），remove（），detach（），它删除了整个表，但是我想在按钮点击时只删除表数据（Td）中的文本内容。

   <div class="table-responsive" style="margin-top: 3px;" id="empTab">
       <table class="table table-bordered">
           <tbody data-bind="foreach: EmployeesModel">
               <tr id="EmployeeRefID" style="background-color: gainsboro">
                   <td>PSA ID</td>
                   <td><span data-bind="text: EmployeeRefID"></span></td>
               </tr>
               <tr id="FirstName">
                   <td>First Name</td>
                   <td><span data-bind="text: FirstName"></span></td>
               </tr>
               <tr id="LastName">
                   <td>Last Name</td>
                   <td><span data-bind="text: LastName"></span></td>
               </tr>
               <tr id="Email">
                   <td>Email</td>
                   <td><span data-bind="text: Email"></span></td>
               </tr>
           <tbody>
         </table>
       </div>

Answer 1

您可以使用：

$('#empTab td:first-child').text('');

所有第二个tds：

$('#empTab td:nth-child(2)').text('');

Answer 2

试试这个：

$(document).ready(function(){
   $("#yourButton").click(function(){
       $("#empTab").find("td").text("");
   });
});

Answer 3

加入@Milind Anantwar的回答：

<button id="btnClear" data-bind="click: clearData()">Clear</button>


function clearData() {
  $('#empTab td:nth-child(2)').text('');
}

如何使用Jquery清除表中的内容（表数据）

3 个答案: