javascript - divのコンテンツを別のdivにコピーする方法

Question

選択したdiv内の単一の要素をjqueryを使用して別のdivにコピーしようとしています。しかし、私のコードでは、部門全体を別の部門にコピーします。

私のコードは：

$('#image').html($('#selected').html());  //which copies entire content of #selected division

そして、部門は次のとおりです。

<div class="imgs" id="selected">
<img width="100%" height="100%" data-id="1" data-alid="1" src="data:image/jpeg;base64,">
<div class="xyz"><a href="#">Xyz</a></div>
</div>

imgからのみコピーする必要がありますdiv imgs

誰か助けてください...ありがとう....

Answer 1

これは、要素内の最初の 要素のコピーをとで作成し、それを要素に追加する例です。imgid "selected"id "image"

$("#selected > img").first().clone().appendTo("#image");

それは使用します：

• $()要素の直接の子imgであるすべての要素を検索するにはid "selected"

• first()それを最初の一致に減らすためにimg

• cloneそれを複製（コピー）する

• appendTo要素に追加するにはid "image"

---

It's well worth spending an hour reading through the jQuery API docs beginning to end. It's amazing how much time that will save you in the long wrong.

Answer 2

are you looking to select the img from the #selected div?

if so just do

$('#image').html($('#selected img').html()); 

Answer 3

Use this...

$('#image').html($('#selected').innerHTML());