javascript - js : can I assign a class or an id to an html-element that's part of a variable definition?

Question

注意:我的编程知识很少。

<小时/>

我在某处有这行代码:

var item = "<h3>" + '<a href="' + postUrl + '" target="_blank">' + postTitle + "</a> </h3> <p>" + postContent + "</p>";

postUrl , postTitle和PostContent之前已声明过。

我想把它全部包裹在 <div> 中分配有某个类或 id 的标记，如...

var item = "<div id="special"> <h3>" + '<a href="' + postUrl + '" target="_blank">' + postTitle + "</a> </h3> <p>" + postContent + "</p> </div>";

但这似乎不起作用。

是因为报价被搞乱了还是完全错误的方式？

Answer 1

您有两个选择:

1. 逃离"字符串文字中的引号，如下所示:"<div id=\"special\"> <h3>"
2. 或使用单引号 '对于外部字符串或内部字符串(您可以选择)，如下所示:'<div id="special"> <h3>'或"<div id='special'> <h3>"

我个人更喜欢'<div id="special"> <h3>'因为生成了HTML将包含 "引号(这是 HTML 标准)，同时保留 JavaScript更具可读性和可维护性(与使用转义引号相比)