使用"append"时如何写一个带有多个双引号的img元素

Question

我正在尝试使用 "append" 在我的 html 上添加一个 img 元素。但是 img 标签包括几个双引号。这是使用 "append" 的正确方法吗？或者有什么问题吗？感谢您抽出宝贵时间。

$($(".item .label")[0]).append(" <img src="images/king.png" alt="king"> ");

Answer 1

JS 同时使用 ' 和 " 来分隔字符串。因此，您可以交替使用以避免必须在字符串中转义引号。

您也不需要对 jQuery 对象进行双重包装，因为您可以使用 eq() 通过索引而不是 Element 对象来获取 jQuery 对象。试试这个：

$(".item .label").eq(i).append('<img src="images/king.png" alt="king" />');

或者（现在您将 i 编辑为固定的 0 值），您可以只使用 :first 选择器：

$(".item .label:first").append('<img src="images/king.png" alt="king" />');

Answer 2

生活远比你想象的简单

var img = $("<img>", {'src':'images/king.png', 'alt':'king' });
$(".item .label").eq(0).append(img);