如何在文本前添加元素 div（如何在元素内附加文本）

Question

Hello I have a element <a href='#'>whatsapp-300</a> and i want select before this mark - and make it like this <i class='fa fa-whatsapp'></i> knowing that the word whatsapp is not fixed and can be facebook and others .. i want a way to do this either by JavaScript or jQuery .. and thank you :D

What I mean is to pick the text before this tag - and put it inside its own element

Answer 1

this will look for every single a element and do what you want to it and remove is ext from it as well

$('a').each(function(){
        let text=$(this).clone().children().remove().end().text();
        let name=text.split("-");
        let logo=document.createElement("i");
        logo.classList += "fa fa-"+name[0];
        $(this).text("");
        $(this).append(logo);
    });