js实现上移下移

// 假设有一个数组表示一系列项
let items = ['item1', 'item2', 'item3', 'item4'];

function moveUp(index) {
  if (index > 0) {
    let temp = items[index];
    items[index] = items[index - 1];
    items[index - 1] = temp;
  }
}

function moveDown(index) {
  if (index < items.length - 1) {
    let temp = items[index];
    items[index] = items[index + 1];
    items[index + 1] = temp;
  }
}

// 示例用法
moveUp(2); // 将索引为 2 的元素上移
console.log(items); // ['item1', 'item3', 'item2', 'item4']

moveDown(1); // 将索引为 1 的元素下移
console.log(items); // ['item1', 'item2', 'item3', 'item4']

<ul id="itemList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

<script>
function moveUp(element) {
  let prev = element.previousElementSibling;
  if (prev) {
    element.parentNode.insertBefore(element, prev);
  }
}

function moveDown(element) {
  let next = element.nextElementSibling;
  if (next) {
    element.parentNode.insertBefore(next, element);
  }
}

// 假设我们要上移第二个 <li> 元素
let itemToMoveUp = document.querySelectorAll('#itemList li')[1];
moveUp(itemToMoveUp);

// 假设我们要下移第一个 <li> 元素
let itemToMoveDown = document.querySelectorAll('#itemList li')[0];
moveDown(itemToMoveDown);
</script>