javascript - 将项目从数组的前面添加到数组的末尾

Question

这看起来很简单。不确定我是如何确保一团糟的。

我有一个 list 。我想将前三项放在前面并将它们添加到后面。我不想从前面移除元素。我希望它们在前面和后面。

所以我的列表是这样开始的

[1,2,3,4,5,6,7,8,9,10]

完成后会变成这样

[1,2,3,4,5,6,7,8,9,10,1,2,3]

此列表存储在 <ul> 中

这是我的代码

_options.slides = $.makeArray($('.slide'));
var el = [];
$.each(_options.slides.splice(0, 3), function (x, item) {
     el.push(item);
});
$('#video-triggers').clone().append(el);  //break point here

有些代码可能是不必要的，因为我已经为此玩了太久。如果我在克隆附加行上放置一个断点并在控制台(开发工具)中执行代码，结果如下

编辑

克隆和附加行有我的结果，但容器没有这些结果？

这里是没有克隆的结果

编辑 2

这个我也试过

$('#video-triggers').append(_options.slides.concat(el))

Answer 1

您混淆了操作顺序和变量。 . .你正在克隆你的目标 <ul> , 而不是 <li>是你想要复制的。尝试这个 。 . .

改变这个:

$('#video-triggers').clone().append(el);

. . .对此:

el.clone().appendTo($('#video-triggers'));