Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 交换列表中的项目_Jquery_Html_Css - Fatal编程技术网

Jquery 交换列表中的项目

Jquery 交换列表中的项目,jquery,html,css,Jquery,Html,Css,我在列表中有5个项目。我想保持第一个和最后一个项目在相同的位置,并需要交换项目列表作为滑块 var i=0; $('.flex-next')。单击(函数(){ i=i+2; 警报(一); $(“.thumbnailIcon li:eq(1)”)。之前($(“.thumbnailIcon li:eq(i)”); }); 233 左 1 2 3 对 222 左 1 2 3 对 点击 333 左 1 2 3 对 您可以这样做: var a=[0,1,2,3,4]; $(“#

我在列表中有5个项目。我想保持第一个和最后一个项目在相同的位置,并需要交换项目列表作为滑块

var i=0;
$('.flex-next')。单击(函数(){
i=i+2;
警报(一);
$(“.thumbnailIcon li:eq(1)”)。之前($(“.thumbnailIcon li:eq(i)”);
});

  • 233
    • 1
    • 2
    • 3
  • 222
    • 1
    • 2
    • 3
  • 点击
  • 333
    • 1
    • 2
    • 3

  • 您可以这样做:

    var a=[0,1,2,3,4];
    $(“#视图”).text(a.toString());
    函数changeArray(){
    //获取第一个和最少的元素,并将它们从数组中移除
    var first=this.a[0]
    var last=this.a[this.a.length-1];
    a=此.a.切片(1,此.a.长度-1);
    //操纵内部数组
    a、 取消移动(这个.a.pop());
    //恢复第一个和最后一个元素
    a、 取消移位(第一);
    a、 推(最后);
    $(“#视图”).text(a.toString());
    }
    
    
    
    更改数组
    您可以这样做:

    var a=[0,1,2,3,4];
    $(“#视图”).text(a.toString());
    函数changeArray(){
    //获取第一个和最少的元素,并将它们从数组中移除
    var first=this.a[0]
    var last=this.a[this.a.length-1];
    a=此.a.切片(1,此.a.长度-1);
    //操纵内部数组
    a、 取消移动(这个.a.pop());
    //恢复第一个和最后一个元素
    a、 取消移位(第一);
    a、 推(最后);
    $(“#视图”).text(a.toString());
    }
    
    
    
    更改数组
    我希望此代码可以帮助您

    函数changeAllOrder(){
    $('.thumbnailIcon')。每个(函数(索引,项){
    var fourthLi=$(item.find(“li:nth child(4)”);
    var secondLi=$(item.find(“li:nth-child(2)”);
    //正常的
    美元(第二里)。之前(第四里);
    });
    }
    函数changeSingleOrder(){
    event.preventDefault();
    var thumbnails=$(event.currentTarget.prev().find(“ul”);
    var fourthLi=$(缩略图);
    var secondLi=$(缩略图).find(“li:nth-child(2)”;
    //颠倒
    $(第四次)之后(第二次);
    }
    
    
  • 233
    • 左0
    • 1
    • 2
    • 3
    • 右4
  • 2.
    • 左0
    • 1
    • 2
    • 3
    • 右4
  • 点击
  • 3.

  • 我希望这段代码能帮助您

    函数changeAllOrder(){
    $('.thumbnailIcon')。每个(函数(索引,项){
    var fourthLi=$(item.find(“li:nth child(4)”);
    var secondLi=$(item.find(“li:nth-child(2)”);
    //正常的
    美元(第二里)。之前(第四里);
    });
    }
    函数changeSingleOrder(){
    event.preventDefault();
    var thumbnails=$(event.currentTarget.prev().find(“ul”);
    var fourthLi=$(缩略图);
    var secondLi=$(缩略图).find(“li:nth-child(2)”;
    //颠倒
    $(第四次)之后(第二次);
    }
    
    
  • 233
    • 左0
    • 1
    • 2
    • 3
    • 右4
  • 2.
    • 左0
    • 1
    • 2
    • 3
    • 右4
  • 点击
  • 3.

  • 向我们展示您拥有的功能triedi将添加代码段我认为这种功能可以通过引导实现。Bootstrap提供了col-sm push-*或col-sm pull-*之类的类。这些类可以根据需要将内容向右或向左移动。向我们展示您所拥有的功能。triedi将添加代码段。我认为这种功能可以通过引导实现。Bootstrap提供了col-sm push-*或col-sm pull-*之类的类。这些类可以根据需要将内容向右或向左移动。你能做小提琴吗reverse@user3386779反向逻辑被添加到锚定标记(链接),正常代码仍然在按钮点击上。是否可以在reverse@user3386779反向逻辑被添加到锚定标签(链接),正常代码仍在按钮上单击。