javascript - 使用 EJS 或 jQuery 设置 HTML 标签的属性

Question

在我的 express 服务器上，我正在呈现一个包含如下数据的页面:

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