主页 / 问题 / 1059064
Accepted
DmitryDevelop
Asked:2020-12-16 01:43:20 +0000 UTC2020-12-16 01:43:20 +0000 UTC

如何逐块移动

  • 772

我们有一个html结构

<div>
    <div class="1"></div>
    <div class="2"></div>
    <div class="3"></div>
    <div class="4"></div>
    <div class="5"></div>
</div>

块 3 必须在不重新加载的情况下从第三个位置移动到第一个位置。同时，只有区块 1 和 2 受到影响，而区块 4 和 5 保持不动 jquery

javascript

1 个回答

  1. Best Answer

    function move3() {
  $(".parent .3").parent().prepend($(".parent .3"));
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent">
  <div class="1">1</div>
  <div class="2">2</div>
  <div class="3">3</div>
  <div class="4">4</div>
  <div class="5">5</div>
</div>

<button onclick="move3()">Move</button>

    • 5

相关问题