前面加上

时添加空白当创建一个div我用这个前面加上

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

创建动态div当我点击一个按钮取决于我创建的类名的关键，但现在我想补充一个例如多个类col-xs-6

我试试这个

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

这个添加的类别，但是，这样在一起class="keynamecol-xs-6"，我希望有一个空间吐温名字像这样class="keyname col-xs-6"

我尝试使用所有这些选项

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

但所有这些情况下创造这样的事情

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

任何想法我做错了什么！

在此先感谢！

来源

2016-09-23 Stone

试试这个：$（ “＃containerSeparateChart”）预定（ “

”） – Vermicello

只是一个小问题，与你的报价：

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

例子：https://jsfiddle.net/qv49p1az/1/

附注：如果您还没有，我会推荐使用代码编辑器（IDE），如Atom（http://atom.io）。大多数现代编辑通常会选择这样的语法错误。

来源

2016-09-23 13:38:20 Alex

的jQuery：

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

没有jQuery的：

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

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

ES6的jQuery：

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

来源

2016-09-23 13:36:15

你错过了'键'bit – Ted

@Ted补充说，也没有jQuery的版本 –

我只是没有看到jQuery解决方案作为一个好的 - 3个函数调用（1 prepend和2 addClass），但可以轻松完成1 prepend或1 prepend和1 addClass –

使用此：

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

您需要替换引号以恰当地连接变量key。无需使用非破坏性空间来分隔课程 - 一个简单的白色空间就可以做到。

来源

2016-09-23 13:36:20

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

ES2015：

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

来源

2016-09-23 13:36:37 Maxx

你试过这个吗？

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

来源

2016-09-23 13:38:35 Sankar

是@Sankar拉杰我尝试，但这种情况下，在容器中的父亲班classSerateChart – Stone

@你试过的号？看看这个... https://jsfiddle.net/sank8893/x4p9ykx8/ – Sankar

您的第一个方法是正确的，但你在你的报价有错误

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

来源

2016-09-23 13:39:21 Ted

回答

相关问题