添加新的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 + "'/>");