添加新的CSS類動態生成的圖像和div在jquery

Question

我在jQuery中創建一些動態圖像和div。

user = wrapper.append("<div class='user-container' />"); 
user.append("<img class='user-img' src='" + path + "'/>; 

我如何申請類用戶IMG和用戶使用的容器我的外部CSS？

謝謝， ANSH

Answer 1

append方法返回當前jQuery對象本身，而不是在所附元件對象。

您可以通過使用jQuery包裝div HTML來定義HTML內容和其他屬性。

wrapper.append($("<div/>",{ 
    html : "<img class='user-img' src='" + path + "'/>", 
    class : 'user-container' 
})); 

---

或者，可以做到這一點以相反的方式使用的jQuery appendTo()方法保持所附元件的參考。

var wrapper = $("<div class='wrapper'></div>").appendTo("main"); 
var user = $("<div class='user-container' />").appendTo(wrapper); 
user.append("<img class='user-img' src='" + path + "'/>");