Javascript 在jQuery字符串中使用HTML

Javascript 在jQuery字符串中使用HTML,javascript,jquery,Javascript,Jquery,我没有JS方面的经验,所以请原谅这个可能非常初级的问题 我有一句话: $el.text(type + "|"); 我需要将“|”包装在span标记中,例如“|”,但这样做时,它只是将标记打印为文本,而不是将它们嵌入HTML包装中 如何执行此操作?使用打印HTML内容,文本打印纯文本 $el.html(type + "<span class=''>|</span>"); $el.html(类型+“|”); 或 $el.html(type).append($('',{t

我没有JS方面的经验,所以请原谅这个可能非常初级的问题

我有一句话:

$el.text(type + "|");
我需要将
“|”
包装在span标记中,例如
“|”
,但这样做时,它只是将标记打印为文本,而不是将它们嵌入HTML包装中

如何执行此操作?

使用打印HTML内容,文本打印纯文本

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

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

您可以使用以下语法动态创建
span
元素:

var $el = $('<span>').html('|');
var$el=$('').html('|');

此小提琴包含我的解决方案。小提琴用一个按钮来清楚地显示实际发生的事情。我还向跨度添加了一个样式,以便您可以看到它被添加

$(“#测试”)。追加(“|”);

通过使用jqueryappend,您将在元素的末尾插入内容。您也可以使用prepend在元素的开头插入。

我可以问一下这是做什么的吗?什么是
类型
,在哪里定义?什么是
$el
?你想要达到的最终结果是什么?你的问题很简单,但我不相信你的问题一定是你试图解决的问题的最佳解决方案。@JohnLong如果答案对你有帮助,请接受它。
var $el = $('<span>').html('|');
$("#test").append("<span> | <span>");