How to clear text only not others element clear by jquery?

Question

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

 i will be remove only i will not remove me too

i try this but it remove all element

user_5907412 · Answer

Here is a solution on a pure JS

const element = document.getElementsByClassName("final-step")[0]
let childNodes = element.childNodes
for (let node of childNodes){
    if (node.nodeName == '#text'){
        document.getElementsByClassName("final-step")[0].removeChild(node)
    }
}

user_10473117 · Answer

Here is a solution in JQuery. Is it what you needed?

$(document).ready(function(){
var text = $('.final-step span').text();
   $(".final-step").text(text);
});


i will be remove only i will not remove me too

user_16473468 · Answer

Try This May Be This Will Help You

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

i will be remove only i will not remove me too

How to clear text only not others element clear by jquery?

3 Answers