jquery創建一個新的對象，並插入HTML文本

Question

我創建新的div，以及如何插入文本（html文本）在這個新的div？

var div_obj = $(document.createElement("div")).attr({'class': 'test'}).css({'width' : size, 'height' : height, 'background' : bg}); 

我嘗試：

div_obj.innerHTML = "text"; 

但不起作用。

Answer 1

使用.html()這裏引用，就像這樣：

div_obj.html("text"); 

.innerHTML是一個DOM元素屬性（不是jQuery對象之一），要訪問它，您需要獲取原始的<div> DOM元素，如下所示：

div_obj[0].innerHTML = "text"; 

---

順便說一句：在jQuery的1.4+有創造，$(html, props)的簡寫，是這樣的：

$("<div/>", { 'class': 'test', 
       css: {'width' : size, 'height' : height, 'background' : bg}, 
       html: 'text' }); 

Answer 2

$('div').html('html text'); 

，但你應該真正給DIV一個ID，以便它可以通過jQuery的，而不改變其他的div的內容

Answer 3

你靠近，但你混合本地DOM方法使用jQuery調用方法。試試這個：

$('<div>').addClass('test').css({'width': size, 'height': height, 'background': bg}).html('text');