首先制作list的元素，jquery :eq，index

Question

我有一个移动列表。

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

我有两个按钮。它的滑块，因此当您单击导航箭头列表时，将如下所示：

<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>

​