Javascript 将项目从阵列前面添加到阵列末尾

Javascript 将项目从阵列前面添加到阵列末尾,javascript,jquery,Javascript,Jquery,这似乎很简单。我不确定我是如何把事情弄得一团糟的 我有一张单子。我想把前三件东西放在前面,再放在后面。我不想把前面的东西拿走。我希望他们在前面和后面 所以我的清单是这样开始的 [1,2,3,4,5,6,7,8,9,10] 在我完成后,它会像这样 [1,2,3,4,5,6,7,8,9,10,1,2,3] 此列表存储在 这是我的密码 _options.slides = $.makeArray($('.slide')); var el = []; $.each(_options.slides.sp

这似乎很简单。我不确定我是如何把事情弄得一团糟的

我有一张单子。我想把前三件东西放在前面,再放在后面。我不想把前面的东西拿走。我希望他们在前面和后面

所以我的清单是这样开始的

[1,2,3,4,5,6,7,8,9,10]
在我完成后,它会像这样

[1,2,3,4,5,6,7,8,9,10,1,2,3]
此列表存储在

这是我的密码

_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
有人的代码可能是不必要的,因为我已经玩了太久了。如果我在clone append行上放置一个断点,并在控制台(开发工具)中执行代码,结果如下

编辑

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

以下是没有克隆的结果

编辑2

我也试过这个

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

这是因为您克隆了它,然后将新元素添加到克隆中(并且克隆在您的页面上不存在)。

这是因为您克隆了它,然后将新元素添加到克隆中(并且克隆在您的页面上不存在)。

用于将项目推到数组前面

$.each(_options.slides.splice(0, 3), function (x, item) {
     el.push(item);
     el.unshift(item);
});
用于将项目推送到阵列前面

$.each(_options.slides.splice(0, 3), function (x, item) {
     el.push(item);
     el.unshift(item);
});

你的操作顺序和变量混淆了。您正在克隆目标
,而不是要复制的
  • 。试试这个

    更改此项:

    $('#video-triggers').clone().append(el);
    
    。为此:

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

    你的操作顺序和变量混淆了。您正在克隆目标
    ,而不是要复制的
  • 。试试这个

    更改此项:

    $('#video-triggers').clone().append(el);
    
    。为此:

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

    那没用。在使用代码附加el之后,我仍然只能在数组中看到一次结果。因为[1,2,3,4,5,6,7,8,9,10]可能先取消移位,然后再推动=哦哈。艾尔不是问题所在。这是附加的。结果就是我在el中想要的,但是当我附加到列表中时,重复的值就不存在了。这没有帮助。在使用代码附加el之后,我仍然只能在数组中看到一次结果。因为[1,2,3,4,5,6,7,8,9,10]可能先取消移位,然后再推动=哦哈。艾尔不是问题所在。这是附加的。结果是我在el中想要的,但是当我附加到列表中时,重复的值不存在。问题是将结果放入列表中。如果您查看我的第一张图像,我可以得到您显示的结果,但无论我如何添加,我都无法将结果添加到具有重复值的
      中。问题是将结果添加到列表中。如果您查看我的第一张图像,我可以得到您显示的结果,但无论我如何添加,我都无法使用重复的值将结果添加到
        中。非常感谢你。我将用你的名字给我的第一个孩子起名。就是这样。非常感谢你。我将以你的名字给我的第一个孩子起名。