将新的css类添加到动态生成的图像和div中的jquery

Question

我在jquery中创建了一些动态图像和div。

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

如何使用外部css应用类user-img和user-container？

谢谢， 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 + "'/>");