創建DIV元素並添加HTML內容

-1

我對jquery沒有任何認識。有人可以指導我下面的代碼是做什麼的。我GOOGLE了它，但沒有找到結果。我想在div的類別 'p-notification'中添加一些HTML內容。這個怎麼做？創建DIV元素並添加HTML內容

this.notification = $('<div/>', { 
      'class': 'p-notification' 
}); 
this.content = $('<div/>', { 
     'class': $elem.attr("hasFooter") === "true" ? 'p-content with-p-footer' : 'well', 
     'style': $elem.attr("paddless") === "true" ? 'padding:0;' : '',  
     'text': 'Loading' 
});

來源

2012-11-10 Ranjan Sarma

JQuery的人有一個網站.. – GolezTrol

我會建議檢查[插入DOM的jQuery文檔]（http://api.jquery.com/category/manipulation/dom-insertion-inside/）。 –

嘿Ranjan是你的問題或其他問題。看到你的問題被低估了。 – Jai

以下部分添加或設置範圍notification屬性是一個新創建的div元件與p-notification類：

this.notification = $('<div/>', { 
      'class': 'p-notification' 
});

下一部分增加或設置上的範圍到content屬性是新創建的div元素，其中有幾個屬性被預設爲：class,style和text：

this.content = $('<div/>', { 
     'class': $elem.attr("hasFooter") === "true" ? 'p-content with-p-footer' : 'well', 
     'style': $elem.attr("paddless") === "true" ? 'padding:0;' : '',  
     'text': 'Loading' 
});

由於它本身對DOM沒有任何影響，因爲你已經創建了元素但沒有將它們插入到文檔中。您可以通過使用several methods一個由jQuery的提供，例如append插入它們：

$('#somediv').append(this.content);//adds the div that was created to an element with id somediv

來源

2012-11-10 11:11:13

你可以做這樣的添加內容：

$('.p-notification').append('<div>Hey</div>');

或該更換內容：

$('.p-notification').html('<div>Hey</div>');

來源

2012-11-10 11:11:39 sdespont

創建DIV元素並添加HTML內容

回答

相關問題