删除 <th> 的内容答案

【问题标题】：Delete contents of <th>删除 <th> 的内容
【发布时间】：2015-06-03 15:11:00
【问题描述】：

我是 javascript/jquery 的新手。我有一个具有索引列（0、1、2、3 等）的表。我想使用 javascript 删除表格的那部分。我尝试使用 after() 和 replaceWith() 但无法真正做到。

css 类是 .jobStats。我只想删除下面代码中 th 标记的内容。

   <tr>
  <th>0 </th>
  <td> 2015-06-02</td>
  <td>              ARCA</td>
  <td>   FAILED</td>
  <td>2015-06-03 10:30:51.573000</td>
  <td>                NaT</td>
  <td>                NaT</td>
  <td> NaN</td>
  <td>   NaN</td>
  <td>       NaN</td>
  <td>  8704</td>
  <td> 223226518</td>
  <td>   NaN</td>
  <td>   NaN</td>
</tr>

有什么想法可以实现吗？

提前致谢！

【问题讨论】：

How to destroy a DOM element with jQuery? 的可能重复项

标签： javascript jquery html css

【解决方案1】：

只需使用remove()

$('.jobStats').remove();

如果您希望保留 .jobStats 并删除其子级，请使用 empty()

$('.jobStats').empty();

更新

我只想删除表格中第 th 标记的内容。

$('th').empty();

将删除子项和文本

此方法不仅删除子（和其他后代）元素，还有任何文字

【讨论】：

我只想删除表格中th标签的内容。但是，问题是当我删除它时，它也会删除标题。我也试过这个： $('tbody th').remove() 但这会扭曲标题，因为那里仍然有索引列的空间。 $('tbody th').empty() 看起来更好

【解决方案2】：

你可以使用empty()

$( ".jobStats" ).empty();

来自docs

从 DOM 中删除匹配元素集的所有子节点。

【讨论】：

【解决方案3】：

正如已经有人说 .remove() 完成了这项工作，但请记住 .detach() 因为 .remove() 也会删除事件处理程序（如单击、双击等），并且仅将其从 DOM 中删除但是留下事件，所以你现在可以分离它，稍后再附加它，事件完好无损。

【讨论】：

【解决方案4】：

你可以简单地做到这一点

 $("#yourElementID").remove();

 $(".yourClass").remove();

 $("yourHTMLelement").remove();

希望对你有帮助

【讨论】：