リストの要素を最初に作る、jquery：eq、index

Question

私は移動リストを持っています。

<li class="class1">1</li>  
<li class="class2">2</li>  
<li class="class3">3</li> 

私は2つのボタンを持っています。あなたは、ナビゲーション矢印リストをクリックすると、そのスライダーので、このようになります。

<li class="class2">2</li>  
<li class="class3">3</li>  
<li class="class1">1</li> 

イムを$("li:eq(1)").before($("li:eq(2)"));

が、私は3つの新しいナビゲーションボタンを持って使用して、誰もがリスト にOnclickに最初として選択した項目を移動する必要がありますボタン3：

<li class="class3">3</li>  
<li class="class2">2</li>  
<li class="class1">1</li> 

私はできません。交換は私のために働いていませんでした。リストの最初の要素を要素にする必要がありますが、：eqを変更することはできません。あなたは助けてもらえますか？

Answer 1

あなたのロジックを変更する可能性があるので、ロジックの位置を完全にずらしたくはありません。使用しているクラスなどの別の識別子をターゲットにする必要があります。

jQuery(function($){ 
 
    $('.goToSlide').on('click', function(){ 
 
    var recordClass = '.class'+ $(this).data('record'); 
 
    
 
    $('.slides').prepend($(recordClass)); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="slides"> 
 
    <li class="class1">1</li> 
 
    <li class="class2">2</li> 
 
    <li class="class3">3</li> 
 
</ul> 
 
<button class="goToSlide" data-record="1">1</button> 
 
<button class="goToSlide" data-record="2">2</button> 
 
<button class="goToSlide" data-record="3">3</button>