Javascript 在预结束时创建div时添加空白

我用这个

$("#containerSeparateChart").prepend("<div class="+ key +"></div>")

这会添加类，但是像这样加在一起

class=“keynamecol-xs-6”

并且我希望在名称之间有一个空格，像这样

class=“keynamecol-xs-6”

我尝试使用所有这些选项

• $（“#集装箱分隔图”）。前置（“”

• $（“#集装箱分隔图”）。前置（“”

• $（“#集装箱分隔图”）。前置（“”

但所有这些案件都造成了类似的情况

class="keyname" "col-xs-6"

知道我做错了什么吗

---

提前谢谢

jQuery:

var child = $('<div>').addClass(key + ' col-xs-6')
$("#containerSeparateChart").prepend(child)

var child = document.createElement('div');
child.classList.add(key)
child.classList.add('col-xs-6');

document.querySelector("#containerSeparateChart").appendChild(child)

$("#containerSeparateChart").prepend(`<div class="${key} col-xs-6"></div>`)

es6 jQuery:

var child = $('<div>').addClass(key + ' col-xs-6')
$("#containerSeparateChart").prepend(child)

var child = document.createElement('div');
child.classList.add(key)
child.classList.add('col-xs-6');

document.querySelector("#containerSeparateChart").appendChild(child)

$("#containerSeparateChart").prepend(`<div class="${key} col-xs-6"></div>`)

$（“#容器分离图表”）。前置（``）

jQuery:

var child = $('<div>').addClass(key + ' col-xs-6')
$("#containerSeparateChart").prepend(child)

var child = document.createElement('div');
child.classList.add(key)
child.classList.add('col-xs-6');

document.querySelector("#containerSeparateChart").appendChild(child)

$("#containerSeparateChart").prepend(`<div class="${key} col-xs-6"></div>`)

es6 jQuery:

var child = $('<div>').addClass(key + ' col-xs-6')
$("#containerSeparateChart").prepend(child)

var child = document.createElement('div');
child.classList.add(key)
child.classList.add('col-xs-6');

document.querySelector("#containerSeparateChart").appendChild(child)

$("#containerSeparateChart").prepend(`<div class="${key} col-xs-6"></div>`)

$（“#容器分离图表”）。前置（``）

使用以下方法：

$("#containerSeparateChart").prepend('<div class="' + key + ' col-xs-6"></div>');

$（“#集装箱分隔图”）。前置（“”）；

您需要交替使用引号来正确连接变量

键

。不需要使用不间断的空格来分隔类-一个简单的空白就可以了。

使用以下方法：

$("#containerSeparateChart").prepend('<div class="' + key + ' col-xs-6"></div>');

$("#containerSeparateChart").prepend('<div class="' + key + ' col-xs-6"></div>')

$（“#集装箱分隔图”）。前置（“”）；

您需要交替使用引号来正确连接变量

键

。不需要使用不间断的空格来分隔类-一个简单的空格就可以了。

$（“#containerSeparateChart”）.prepend（“”）
$("#containerSeparateChart").prepend('<div class="' + key + ' col-xs-6"></div>')

ES2015：

$("#containerSeparateChart").prepend(`<div class="${key} col-xs-6"></div>`)

$（“#容器分离图表”）。前置（``）

$（“#集装箱分离图表”）。前置（“”）

ES2015：

$("#containerSeparateChart").prepend(`<div class="${key} col-xs-6"></div>`)

$（“#容器分离图表”）。前置（``）

您的报价中有一个小问题：

$("#containerSeparateChart").prepend('<div class="' + key + ' col-xs-6"></div>');

$（“#集装箱分隔图”）。前置（“”）；

示例：

---

---

旁注：如果您还没有，我建议您使用代码编辑器（IDE），比如Atom（）。大多数现代编辑器通常会发现这样的语法错误。

只是引用中的一个小问题：

$("#containerSeparateChart").prepend('<div class="' + key + ' col-xs-6"></div>');

$（“#集装箱分隔图”）。前置（“”）；

示例：

---

旁注：如果您还没有，我建议您使用代码编辑器（IDE），比如Atom（）。大多数现代编辑器通常都会发现这样的语法错误。

您尝试过吗

$("#containerSeparateChart").prepend("<div class="+ key +"></div>");
$('.' + key).addClass('col-xs-6');

$（“#集装箱分隔图”）。前置（“”）；
$（'.+key）.addClass（'col-xs-6'）；

你试过这个吗

$("#containerSeparateChart").prepend("<div class="+ key +"></div>");
$('.' + key).addClass('col-xs-6');

$（“#集装箱分隔图”）。前置（“”）；
$（'.+key）.addClass（'col-xs-6'）；

您的第一种方法是正确的，但您的报价中有错误

$("#containerSeparateChart").prepend("<div class='"+ key +" col-xs-6"+"'></div>")

$（“#集装箱分离图表”）。前置（“”）

您的第一种方法是正确的，但您的报价中有错误

$("#containerSeparateChart").prepend("<div class='"+ key +" col-xs-6"+"'></div>")

$（“#集装箱分离图表”）。前置（“”）

尝试此：$（“#containerSeparateChart”）。前置（“”）尝试此：$（“#containerSeparateChart”）。前置（“”）缺少

键bit@Ted另外，没有jQuery的版本我只是不认为jQuery解决方案是一个好的1-3函数调用（1个prepend和2个addClass）但使用1个前置器或1个前置器和1个addClass@TheOneandOnlyChemistryBlob是的，我同意，这不是最佳的，它需要3个函数调用。我只是想表明您不需要字符串串联。：）您缺少
键
bit@Ted另外，没有jQuery的版本我只是不认为jQuery解决方案是一个好的1-3函数调用（1个prepend和2个addClass），但是可以用1个prepend或1个prepend和1个addClass轻松完成addClass@TheOneandOnlyChemistryBlob是的，我同意，这不是最佳的，它需要3个函数调用。我只是想表明您不需要字符串串联。：）是的，Sankar Raj，我试过了，但这件事让这个班变成了一个父亲containerSeparateChart@Stone没有，你试过了吗？看看这个。。。是的，Sankar Raj，我试过了，但这件事让这个班变成了一个父亲containerSeparateChart@Stone没有，你试过了吗？看看这个。。。