我有 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>
最佳答案
您可以使用各种方法,例如 .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>
关于javascript - 使用 jQuery 在另一个 div 中克隆一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44776514/