在预置 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>将具有foo.jpg的src属性，假设变量id是一串"foo"。