Question

我的changeStatus.jsp代码中包含一个表格。现在我必须通过jquery函数清除所有表数据，该函数应该包含在随后的changeStatus.js代码中。请帮助解决。

changeStatus.jsp：

 <table  class="data"   style="width: 100%" id="${ns}changeStatusTable" style="table-layout:fixed; word-wrap: break-word">
                <thead>
                  <tr>
                     <th style="width: 10%">Cable</th>
                     <th style="width: 7%">Pair</th>
                     <th  style="width: 25%">Defective Code</th>
                     <th  style="width: *">Remarks</th>
                     <logic:equal name="ChangeStatusBean" property="rowError" value="false">
                         <th  style="width: 30%">Error Message</th>
                     </logic:equal>
                  </tr>
                </thead>

                <tbody> 
                  <logic:iterate id="rowData" indexId="idx" name="ChangeStatusBean"
                        property="rowData">
                      <tr style="width: 100%">
                        <td style="width: 10%" id=cable" ><html:text value="" styleId="${ns}cable1" property="cable"  maxlength="10" style="width:10em" /></td>
                        <td style="width: 7%" id="pair"><html:text value=""  styleId="${ns}pair1" property="pair" maxlength="4" style="width:7em"/></td>
                        <td style="width: 25%" id="code"><html:select styleId="${ns}defectiveCode"  name="ChangeStatusBean" 
                            property="defectiveCode"  style="width:275px" >
                                 <html:option value="">Select</html:option>
                                 <html:optionsCollection property="defectiveCodeList" label="value" value="value" />
                             </html:select></td>
                        <td style="width: *" id="remarks"><html:text value=""  styleId="${ns}remark" property="remark"  style="width:275px"  maxlength="14"/></td>
                        <logic:equal name="ChangeStatusBean" property="rowError" value="false">
                            <td style="width: 30%" id="errorMessage"><html:text value=""  styleId="${ns}errorMsg" property="errorMessage" style="width:275px" /></td>
                        </logic:equal>
                      </tr>
                  </logic:iterate>               
                </tbody>
              </table>

changeStatus.js：

ChangeStatusPage.prototype.clearTableData = function(){
    var $table = $(this.hashtag + this.ns + "changeStatusTable");
    var $rows = $table.find('tr').length;
    alert("no of rows: "+$rows/2);
    for(var i=1;i<$rows/2;i++){
         $(this.hashtag + this.ns + "cable"+i).val("");
    }
         return false;
};

Answer 1

您可以通过执行以下操作清除表中的所有内容：

$('#table_id td').text('');

上面的table_id无论实际ID是什么。

如果您只想清除某些单元格（显然您正在尝试这样做），那么您可以使用更具体的选择器。例如：

$('#table_id td.cable').text('');

这是一个jsfiddle：http://jsfiddle.net/mJ4MM/2/

通过jquery检索表数据

1 个答案: