Question

所以我在一些情况下使用prepend或append将一个元素移动到另一个元素：

$('.categories').prependTo($('.date'));

现在我了解prepend和append有时可以克隆内容，但是如何取消克隆呢？我不能重命名我的div也不能创建新的...我根本就没有访问权限。

Answer 1

只有在有多个目标的情况下才会进行克隆，因为在您的情况下不会发生克隆。

Answer 2

您可以使用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>

如何使前置和附加不克隆

2 个答案: