jquery 改变Li的位置

oewdyzsn 于 12个月前发布在 jQuery

关注(0)|答案(3)|浏览(172)

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

<li class="flex-active-slider">
<div class="node_id"><span>233</span></div>
 <ul>
  <li class="69"><img></li>
  <li class="233"><img></li>
  <li class="299"><img></li>
 </ul> 
</li>
<a href="#" class="flex-next">click<a>

字符串
onload第二个列表项如我所料位于中心。onload[1，2，3]，单击时我想将列表的位置更改为[3，1，2]，然后单击[2，3，1]。我想在单击功能中更改上面给出的列表

$('.flex-next').click(function(){
  //want to change in jquery
});

型

jquery

来源：https://stackoverflow.com/questions/42381998/change-the-position-of-the-li

3条答案

按热度按时间

qltillow1#

首先，您需要能够选择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]);
  }
});

个字符

赞(0）回复(0）举报 12个月前

brqmpdu12#

你可以在元素上使用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);
});

字符串

赞(0）回复(0）举报 12个月前

q1qsirdb3#

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);
});

字符串

赞(0）回复(0）举报 12个月前

我来回答

jquery 改变Li的位置

3条答案

相关问题

热门标签

最新问答