html - jQuery 中缺少带空格的 HTML 属性值

Question

我有一些 jQuery，我在其中附加文本，其中一些属性采用一些 js 变量。

<script>
var className = "COS 102";
var teacher = "Bob Teacher";

$("#classesDiv").append("<div className="+className+" teacher="+teacher+" class='class'></div>");
</script>

我遇到的问题是，当我将这些变量传递给元素时，它看起来像 className="COS"，后面没有 102。

有人知道为什么会这样吗？

Answer 1

因为属性值没有引号。

您的代码将附加:

<div className=COS 102 ...

什么时候应该追加

<div className='COS 102' ...

这应该有效:

<script>
var className = "COS 102";
var teacher = "Bob Teacher";

$("#classesDiv").append("<div className='"+className+"' teacher='"+teacher+"' class='class'></div>");
</script>