删除元素文本而不删除他的孩子jQuery或JS

Question

我有以下代码，我想删除父元素（'ttt'）中的文本而不删除子元素。我怎样才能做到这一点？感谢。

我的代码：

<td>ttt
<input class="edit dialogBtn" type="button" value="Edit" onclick="initiateDialog($(this))">
<div data-id="E81K900104" hidden="hidden">ttt</div>
</td>

Answer 1

您需要过滤掉文本节点并将其删除。

$("td").contents().filter(function() {
        return this.nodeType == 3;
    }).remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td>ttt
        <input class="edit dialogBtn" type="button" value="Edit" onclick="initiateDialog($(this))">
        <div data-id="E81K900104" hidden="hidden">ttt</div>
      </td>
    </tr>
  </tbody>
</table>