2016-04-03 8 views
0

それは、私のjQueryの時代からしばらくしていると私はちょうど次のコードという認識に打たれました:apendeesに追加するには?

$("#add").append("<div>1</div>").append("<div>2</div>") 

内側のdivを持つdiv要素ではなく、2つのdivを追加しませんでした。私はこのようなことをすることができます

$("#add").append("<div>1<div>2</div></div>") 

しかし、それは私の無知を隠すのではなく、信頼できる解決策を作り出すように思えます。サブ要素を追加して何かを追加するにはどうすればよいですか?

+0

可能な複製(http://stackoverflow.com/questions/10422501/jquery-append-inside-appended-element) – drosam

答えて

1

あなたは.append()はそれ(append)が呼び出された先の要素を返しますので、この文脈で

$("<div>1</div>").appendTo("#add").append("<div>2</div>") 

.appendTo()を使用する必要があります。したがって、$(#add)が返されます。あなたのコードの、と非常に似ている

var elem = $("#add"); 
elem.append("<div>1</div>"); 
elem.append("<div>2</div>"); 
+0

うーん[jQueryの内部の追加要素を追加]。おそらく、私が避けようとしていることについて私は明確ではないでしょう。 2番目のdivが最初に追加され、外側がaddと呼ばれるのではありません。私はdivを互いに入れ子にしたい。 –

+0

@KonradViltersten私のコードでは、 '

1
2
'のような出力が得られます。右? –

+0

それは私が欲しいものです。私はちょうどあなたのコードを使用して達成される方法を理解できません。もし私が密集しているなら、申し訳ありません。私は* appendTo *のドキュメントを読んだことがありますが、例に従うと、* div-2 *は* add-div *に追加され、* div-1 *の中には入れられません。実際にdivにIDを与えずに入れ子にしたい。 –

関連する問題