jquery - 在 prepend 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的属性(property)，假设变量 id是一个字符串"foo" .