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

Question

我有thr代碼，我正在刪除父元素（'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

您需要過濾掉textnodes並刪除它們。

$("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>