使用 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 %>");