jQuery字符串語法

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">') 
.css({height:heightvar}) 
.insertAfter('#mydiv'); 

Answer 3

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

Answer 4

您可以使用jQuery功能，而不是模板化應用的樣式。將表現更好，更容易做到。

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

Answer 5

我懷疑heightvar有無效值。見我demo，

下面的代碼工作對我來說，周圍的選擇

var heightvar = '0px'; 

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

Answer 6

開關。 JQuery函數 - $（） - 應該用於選擇要更改的元素。嘗試：

var heightvar = '0px'; 

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