Синтаксис jQuery String

Question

Возникли проблемы с синтаксисом при попытке вставить HTML после элемента.

$('<div id="newdiv" style="height:' + heightvar +'"></div>').insertAfter('#mydiv');

Новый div вставляется в правильном месте, но отсутствует свойство высоты в стиле, поэтому выглядит так:

<div id="newdiv" style=""></div>

Вы видите проблему с моим синтаксисом?

Answer 1

Полагаю, вы забыли единицы измерения в своей переменной heightvar.

heightvar = '10' приведет к пустому атрибуту стиля, но heightvar = '10px' - нет.

Answer 2

$('<div id="newdiv" style="height:'+ heightvar +'px">hello</div>').insertAfter('#mydiv');

Answer 3

как насчет этого:

$('<div id="newdiv">')
.css({height:heightvar})
.insertAfter('#mydiv');

Answer 4

Переключение вокруг селектора. Функция JQuery - $ () - должна использоваться для выбора элемента, который вы хотите изменить. Попробуйте:

var heightvar = '0px';

$('#mydiv').after('<div id="newdiv" style="height:' + heightvar +'"></div>');

Answer 5

Я подозреваю, что heightvar имеет недопустимое значение.См. Мой демо ,

Ниже код работает для меня,

var heightvar = '0px';

$('<div id="newdiv" style="height:' + heightvar +'"></div>').insertAfter('#mydiv');

Answer 6

Вы можете применить стиль, используя функцию jquery, а не шаблонизируя.Будет лучше и легче.

var myDiv = $('<div id="newdiv"></div>');
$(myDiv).css('height', heightvar);
myDiv.insertAfter('#mydiv');