javascript - 使用 jQuery 在另一个 div 中克隆一个 div

Question

我有 2 个名为 .nav-previous 和 .nav-next 的 div我想要做的是在 .nav-next 和 .nav-next 的位置有 .nav-previous 在 .nav-previous 位置。

我试过这个:

var p=$(".nav-previous");
$(".nav-previous") =$(".nav-next");
$(".nav-next")=p;

还有这个:

var p=$(".nav-previous");
$(".nav-next").clone().appendTo(".nav-previous").html();
p.clone().appendTo(".nav-next").html();

这是我的 HTML 代码:

<nav class="navigation posts-navigation" role="navigation">
   <h2 class="screen-reader-text">Navigazione articoli</h2>
   <div class="nav-links">
      <div class="nav-previous"><a href="linktopreviouspage.com" >Articoli meno recenti</a></div>
      <div class="nav-next"><a href="linktonextpage.com" >Articoli seguenti</a></div>
   </div>
</nav>

Answer 1

您可以使用各种方法，例如 .insertAfter()/.after()

$(".nav-previous").insertAfter($('.nav-next'))
//$(".nav-previous").appendTo('.nav-links')
//$(".nav-next").after($('.nav-previous'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav class="navigation posts-navigation" role="navigation">
   <h2 class="screen-reader-text">Navigazione articoli</h2>
   <div class="nav-links">
      <div class="nav-previous"><a href="linktopreviouspage.com" >Articoli meno recenti</a></div>
      <div class="nav-next"><a href="linktonextpage.com" >Articoli seguenti</a></div>
   </div>
</nav>