動的に生成された画像に新しいcssクラスを追加し、jqueryでdivを追加します。

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