jquery - 在添加 img src 中使用变量

Question

我有一个正在尝试添加的 img 源，但我正在尝试在源中使用变量“id”。我无法修改这段代码来做到这一点。

  $('#photo_850').prepend('<img src= id + ".jpg" />');

谢谢你帮我做这件事

Answer 1

您的串联已关闭：

$('#photo_850').prepend('<img src="'+id+'.jpg" />');

另一种可能更容易阅读的方法是：

$("<img>", { src: id + ".jpg" }).prependTo("#photo_850");

此方法首先在第一个参数中创建由字符串表示的元素。接下来，jQuery 继续将对象字面量的成员映射到新创建的 HTML 元素。您现在可能已经猜到我们新创建的<img>将具有 的src属性foo.jpg，假设变量id是 的字符串"foo"。