在jQuery字符串中使用HTML

Question

我對JS沒有經驗，所以請原諒大概很初學者的問題。

我有這樣一行：

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

我需要包裹"|"在span標籤如'<span class="">|</span>'儘管當我這樣做，它只是打印出的標籤，文本，而不是將它們嵌入的HTML套。

我該如何去做這件事？

Answer 1

使用.html()打印出HTML內容，文本打印出純文本。

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

或

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

Answer 2

您可以使用此語法動態創建span元素：

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

Answer 3

這撥弄包含我的解決方案。小提琴使用一個按鈕來清楚實際發生了什麼。我還在span上添加了一種樣式，以便您可以看到它被添加。

https://jsfiddle.net/g0n71se7/

$("#test").append("<span> | <span>"); 

通過使用jQuery追加要插入的內容元素的結束。你也可以用prepend在元素的開頭插入。