###求める機能
クリックした img の .closest() の .ImgTarget の中にある img を全て #ImgResult にコピーするためにはどうしたらいいですか?
html
1<div class="ImgTarget"> 2 <div><img src="http://placehold.jp/cc9999/ffffff/50x50.png"></div> 3 <div><img src="http://placehold.jp/cc1111/ffffff/50x50.png"></div> 4</div> 5 6<div class="ImgTarget"> 7 <section> 8 <main> 9 <div><img src="http://placehold.jp/abc888/ffffff/50x50.png"></div> 10 </main> 11 </section> 12</div> 13 14<hr> 15 16<p>画像が1つなら1つ、2つなら2つをここにコピーしたい。</p> 17<div id="ImgResult"> 18</div>
###試したコード
javascript
1$( 'img' ).on( 'click', function () { 2 3 // 配列に目的の画像たちを入れる 4 var box = []; 5 $( this ).closest( '.ImgTarget img' ).each( function () { 6 var ImgSet = push.box( $( this )[0].outerHTML ); 7 }); 8 9 // 入れた画像をコピーする 10 $( '#ImgResult' ).html( ImgSet ); 11 12});
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/27 12:09
2018/10/27 12:19