Using HTML in a jQuery string

Question

I'm not experienced with JS, so please excuse the presumably very beginner question.

I have this line:

$el.text(type + "|");

I need to wrap the "|" in span tags such as '<span class="">|</span>' though when I do so it simply prints out the tags as text as opposed to embedding them as HTML wraps.

How do I go about doing this?

Answer 1

Use .html() to print out HTML content, text prints out plain text.

$el.html(type + "<span class=''>|</span>");

or

$el.html(type).append($('<span/>',{text : '|'}));