javascript之使用 jQuery 更改订单 div

mayingbao 阅读:875 2023-11-05 18:46:41 评论:0

<div class="test one">aaa</div> 
<div class="test two">bbb</div> 
<div class="test three">ccc</div> 

是否可以使用 jQuery 更改此 div 的顺序?我想收到:

<div class="test two">bbb</div> 
<div class="test three">ccc</div> 
<div class="test one">aaa</div> 

我只能使用 jQuery

直播:http://jsfiddle.net/cmVyM/

如果文档准备好,我将只做一个。

请您参考如下方法:

听起来您想将第一个 div 移到最后一个之后。

$.fn.insertAfter在参数后插入匹配的元素:

$(".test.one").insertAfter(".test.three"); 

http://jsfiddle.net/rP8EQ/

编辑:如果你想要一个更通用的解决方案,将第一个添加到最后一个,而不求助于显式类:

var tests = $('.test'); 
tests.first().insertAfter(tests.last()); 


标签:jquery
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

全民解析

全民解析

关注我们