javascript - 要素を複製して特定の div に追加する方法は?

Question

クリックするとクローンが作成され、別の要素に追加される画像サムネイルがいくつかあるページがあります。私が直面している問題は、必要なすべての要素がappendTo同じクラスを持つことです。したがって、1 つのサムネイルをクリックすると、クラスを持つすべての要素に追加されますview_full_img。これが私が使用しなければならないHTMLです。これらを異なるクラスでターゲットにするだけではうまくいきません。この HTML は Drupal によって生成されます。

<div class="view_full_img"></div>
<div class="thumbs">
    <div class="img blue"></div>
    <div class="img green"></div>
    <div class="img yellow"></div>
</div>

<div class="view_full_img"></div>
<div class="thumbs">
    <div class="img red"></div>
    <div class="img purple"></div>
    <div class="img orange"></div>
</div>

これが私のjQueryです..

$(".thumbs div").click(function(){
    $(".view_full_img div").remove();
    $(this).clone().appendTo(".view_full_img");
});

私がしたいのは、divの1つをクリックすると、そのすぐ上.thumbsのdivに複製されるようにすることです。.view_full_imgなどの組み合わせを使用してみましclosest() prev() parent()たが、機能するものを思いつくことができません。

ここにjsfiddleがあります... http://jsfiddle.net/dmcgrew/UeTv6/