javascript - Create fontawesome icon inside a span

Question

So i want to append a fontawesome icon into the span that i just made as a var .. Let's say I want to use this "" Where and how can I use it? Thanks

    var mySpan = $("<span />", {
        "text": "Spanned",
        "class": "myclass"
    });
    
    $("button").click(function(){
    mySpan.appendTo("div");
    })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<button>Click to Append</button>
<div>

</div>

标签： javascriptjqueryhtml

Answer 1

try this :

var mySpan = $('<span class="myClass"><i class="fa fa-search"></i>Spanned</span>')

$("button").click(function(){
    mySpan.appendTo("div");
})

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<button>Click to Append</button>
<div>

</div>