将带有空间的变量分配给javascript/jquery中的html类

Question

我有一个变量，并使用它来创建一个具有 class 属性的 HTML 元素：

var my_class="my_class";
$(this).after("<div class="+my_class+"></div>");

我得到<div class="my_class"></div>了预期的结果，但是当添加一个带有空格的变量时：

var my_class="my_class id";
$(this).after("<div class="+my_class+"></div>");

我得到<div class="my_class" id></div>而不是<div class="my_class id"></div>. 我怎样才能改变它？

Answer 1

您似乎期望它"是 HTML 的一部分？因为执行（部分）您的代码会产生以下字符串：

const my_class="my_class id";
console.log("<div class="+my_class+"></div>");

这给出了<div class=my_class id></div>，即没有"for class。因此，通过添加转义引号来添加它们：

const my_class="my_class id";
console.log("<div class=\""+my_class+"\"></div>");