如何在jQuery中動態創建混合HTML內容

Question

考慮到我想動態創建此HTML：

<li><img src="a"/>some text</li>

某些文本是可能不安全的文本字符串，比如說存儲在變量“ some_text”中。

這個想法是調用$('<li>').append($('<img>').attr({src:"a"}), ... );

使用$(some_text)是一個壞主意，因為它是不安全的。

使用text(some_text)無效，因為文本不是元素的唯一子元素。

我不想將文本換成<span>

我不想發明/使用清理或轉義字符串的函數

Answer 1

有很多方法，但可能最簡單的方法是先將文本內容添加到li元素，然后在圖像前添加正確的順序。

$('<li>').text(some_text).prepend($('<img>').attr({src:"a"}), ... );