发布于 2天前

jquery 移动元素到指定位置

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

jquery 如何移动元素位置,比如把第2个item移动到第4个位置,原来的第3个、和第4个自动上浮。

function moveItem(itemClass,fromIndex, toIndex) {
        var items = $(itemClass);
        var from = items.eq(fromIndex);
        var to = $(itemClass).eq(toIndex); // 重新选取,确保是当前 DOM 的最新状态

        if (fromIndex < toIndex) {
                from.insertAfter(to);
        } else {
                from.insertBefore(to);
        }
}

调用

moveItem(".box",1,3)
©2020 edoou.com   京ICP备16001874号-3 壁纸湾