旋轉列表位置

Question

我在列表中有5個項目。我想保持第一個和最後一個項目在同一位置，並需要將項目列表作爲滑塊交換。

jQuery(document).ready(function($){ 
 
$('.flex-next').click(function(){ 
 
    $('.thumbnailIcon').each(function(index, item){ 
 
    \t var fourthLi = $(item).find("li:nth-child(4)"); 
 
    var secondLi = $(item).find("li:nth-child(2)"); 
 
\t $(secondLi).before(fourthLi); 
 
    }); 
 

 
}); 
 
$('.flex-prev').click(function(){ 
 
    $('.thumbnailIcon').each(function(index, item){ 
 
    \t var fourthLi = $(item).find("li:nth-child(1)"); 
 
    var secondLi = $(item).find("li:nth-child(2)"); 
 
\t $(secondLi).after(fourthLi); 
 
    }); 
 

 
}); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li class="parent flex-active-slider"> 
 
<div class="node_id"><span>233</span></div> 
 
<ul class="thumbnailIcon"> 
 
    <li>left 0</li> 
 
    <li class="69"> 1</li> 
 
    <li class="233">2</li> 
 
    <li class="299"> 3</li> 
 
    <li>right 4</li> 
 
</ul> 
 
</li> 
 
<li class="parent"> 
 
<div class="node_id"><span>2</span></div> 
 
<ul class="thumbnailIcon"> 
 
    <li>left 0</li> 
 
    <li class="69">1</li> 
 
    <li class="233">2</li> 
 
    <li class="299">3</li> 
 
    <li>right 4</li> 
 
</ul> 
 
</li> 
 
<a class="flex-prev">prev<a> 
 
<a class="flex-next">next<a>

如果我點擊下一步按鈕1,2,3滾動罰款expected.I試圖「之後」逆轉使用調換「下一頁」 button.It工作的錯誤。

Answer 1

這是您正在尋找的行爲嗎？

jQuery(document).ready(function($){ 
 
$('.flex-next').click(function(){ 
 
    $('.thumbnailIcon').each(function(index, item){ 
 
    \t var fourthLi = $(item).find("li:nth-child(4)"); 
 
    var secondLi = $(item).find("li:nth-child(2)"); 
 
\t $(secondLi).before(fourthLi); 
 
    }); 
 

 
}); 
 
$('.flex-prev').click(function(){ 
 
    $('.thumbnailIcon').each(function(index, item){ 
 
    \t var fourthLi = $(item).find("li:nth-child(2)"); 
 
    var secondLi = $(item).find("li:nth-child(4)"); 
 
\t $(secondLi).after(fourthLi); 
 
    }); 
 

 
}); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li class="parent flex-active-slider"> 
 
<div class="node_id"><span>233</span></div> 
 
<ul class="thumbnailIcon"> 
 
    <li>left 0</li> 
 
    <li class="69"> 1</li> 
 
    <li class="233">2</li> 
 
    <li class="299"> 3</li> 
 
    <li>right 4</li> 
 
</ul> 
 
</li> 
 
<li class="parent"> 
 
<div class="node_id"><span>2</span></div> 
 
<ul class="thumbnailIcon"> 
 
    <li>left 0</li> 
 
    <li class="69">1</li> 
 
    <li class="233">2</li> 
 
    <li class="299">3</li> 
 
    <li>right 4</li> 
 
</ul> 
 
</li> 
 
<a class="flex-prev">prev<a> 
 
<a class="flex-next">next<a>

Answer 2

我想爲上一個按鈕點擊事件，你應該索引值更改爲4，

var fourthLi = $(item).find("li:nth-child(4)"); 

目前，要傳遞1到它，因此，對換的第一兩個元素之間發生只要。