javascript - 如何通过jquery仅清除文本而不清除其他元素？

Question

$(document).ready(function(){
   $(".final-step").text(" ");
});

 <div class="final-step">i will be remove only <span class="">i will not remove</span> <i class="">me too</i></div>

我试试这个，但它删除了所有元素

标签： javascripthtmljquerycss

Answer 1

试试这个可能对你有帮助

$(document).ready(function(){
   var f = $(".final-step").html();
   var h = $(".final-step").contents().first();
   var g = f.replace(h.text(), "");
   $(".final-step").html(g)
});

<div class="final-step">i will be remove only <span class="">i will not remove</span> <i class="">me too</i></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>