js追加html变量,javascript – Jquery – 将html字符串附加到变量中的html字符串

Updated fiddle.

你必须分配这个表达式的返回$(thing).append(close);对变量之类的东西：

thing = $(thing).append(close);

否则变量将始终保持默认字符串< div class =“thing”>< / div>作为价值.

希望这可以帮助.

$(document).ready(function(){

$('body').on('click', 'button', function(){

var thing = '

var close = 'close';

$('.canvas').append( $(thing).append(close) );

return false;

});

});

.thing {

width: 50px;

height: 50px;

background: red;

}

.close {

background: blue;

color: white;

}

.canvas {

border: 1px solid black;

width: 500px;

height: 500px;

}

Add Thing