したがって、次のような場合には、prependまたはappendを使用して1つの要素を別の要素に移動します。
$('.categories').prependTo($('.date'));
prependとappendでコンテンツのクローンが作成される場合があることを理解しましたが、そのクローンをキャンセルするにはどうすればよいですか?divの名前を変更したり、新しいdivを作成したりすることはできません...単にアクセスできません。
クローンは複数のターゲットがある場合にのみ発生します。これは、クローンが発生しない場合に当てはまらないためです。
detach()
DOM から要素を削除してから先頭に追加/追加する方法を使用できます。
$(document).ready(function() {
$("li a").click(function() {
var target = $(this).parent().closest('ul');
$(this).parent().detach().prependTo(target);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li><a href="#">Cat 1</a>
</li>
<li><a href="#">Cat 2</a>
</li>
<li><a href="#">Cat 3</a>
</li>
</ul>
<ul>
<li><a href="#">Cat 4</a>
</li>
<li><a href="#">Cat 5</a>
</li>
<li><a href="#">Cat 6</a>
</li>
</ul>