使用EJS或jQuery设置HTML标记的属性

Question

在我的快速服务器上，我正在使用如下数据呈现页面：

app.get('/people/:personID', function (req, res) {
  res.render("people/profile", {person: req.person });
});

在我的profile.ejs文件中，我可以访问ejs标签中的数据，如下所示：<p><%= person.name %></p>

我无法想象如何将html标记的属性更改为存储在此对象中的值。

这不起作用：<img id="my_img" src=<%= person.picture %> alt="">
或者：$("#my_img").attr("src", <%= person.picture %>);

此外，如果有更好的方法将此文档传递到html页面并访问它，我会全部听到（或者在这种情况下是眼睛）。谢谢

Answer 1

您必须在引号中包含字符串值。

在html中：

<img id="my_img" src="<%= person.picture %>" alt="">

在jQuery中：

$("#my_img").attr("src", "<%= person.picture %>");