改变李的位置

Question

我想在jquery中更改li的位置 我有3个列表项

xmlns

onload第二个列表项目位于我预期的中心位置。 onload [1,2,3]，点击我要将列表的位置更改为[3,1,2]，然后单击[2,3,1]。我想更改上面给出的列表中的单击功能

URI is not registered (Settings | Languages & Frameworks | Schemas and DTDs)

Answer 1

首先，您需要能够选择ul标记。

这是主要的想法。你可以自定义它。

$('.flex-next').click(function(){
  ul = $('#myUi');
  lis = $(ul).find('li');
  $(ul).html('');
  len = lis.length;
  $(ul).append(lis[--len]);
  for (i = 0; i< len; i++) {
  	$(ul).append(lis[i]);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
 <ul id="myUi">
  <li class="69">1</li>
  <li class="233">2</li>
  <li class="299">3</li>
 </ul> 
</li>
<a href="#" class="flex-next">click<a>

Answer 2

你可以在元素上使用detach然后使用append。像这样：

var parent = $( "div.node_id ul" );
var elem1 = $( "li.69" );
var elem2 = $( "li.233" );
var elem3 = $( "li.299" );

$('.flex-next').click(function(){
    elem1.detach();
    elem2.detach();
    elem3.detach();

    parent.append(elem3);
    parent.append(elem1);
    parent.append(elem2);
});