如何在jquery中插入一個帶有數據的變量？

Question

如果我在jQuery的定義的變量如下：

var insertString = "<div id='divid'>"; 
    insertString += "<input type='text' name='textbox' value=''>"; 
    insertString += "</div>"; 

現在，如果我想要一些DOM元素之前插入上述變量「insertString」，我該怎麼辦呢？我想類似下面沒有成功

insertString.insertBefore("body"); 

Answer 1

你應該能包住你的HTML在$()功能從而將它傳遞給jQuery和創建一個jQuery對象。然後，您可以通過鏈接jQuery函數像這樣的對象進行操作：

$(insertString).insertBefore("body"); 

但是這將是很奇怪的把一個div體前...也許這是最好將其預先考慮到身體這個樣子。 ..

​​

Answer 2

我不會建議將身體標記爲內容屬於它的內部之前，但在這裏，你將如何使用id =「富」的元素之前插入。

$(insertString).insertBefore('#foo'); 

更新： Here的小提琴來測試功能

Answer 3

體前不要插入。內容在身上。

爲什麼不用prependTo代替？

另外，您試圖在字符串上運行jQuery成員函數，而不是在jQuery對象上運行。你需要從字符串形成jQuery對象。

最後，您忘記關閉您的input標籤。

Like this：

$(function() { 
    var insertString = "<div id='divid'>"; 
    insertString += "<input type='text' name='textbox' value='' />"; 
    insertString += "</div>"; 

    $(insertString).prependTo("body"); 
});