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"}), ... );