javascript - 如何使用jquery将div从a,a,b,b重新排序为a,b,a,b?

标签 javascript jquery css

首先,我不得不说我还没有尝试过任何东西,因为我不知道该怎么做。 我也搜索过,但没有找到任何解决方案。

我想使用 jquery 从以下位置重新排序 DIV

<div id="wrapper">
   <div class="A1"></div>
   <div class="A2"></div>
   <div class="B1"></div>
   <div class="B2"></div>
...and so on...
</div>

到此

<div id="wrapper">
    <div class="A1"></div>
    <div class="B1"></div>
    <div class="A2"></div>
    <div class="B2"></div>
...and so on...
</div>

有什么建议吗?

最佳答案

这是另一种方法,无需增加索引

$('.A + .B').each(function() {
    $(this).insertBefore($(this).prev());
});

FIDDLE

关于javascript - 如何使用jquery将div从a,a,b,b重新排序为a,b,a,b?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23515861/

相关文章:

javascript - 我怎样才能从一个表单的输入字段中获取数据,并使用它来使用 JQuery 以不同的表单填充相同的输入类型?

html - 如何更改网页的默认光标设置?

带有两个按钮的 HTML 文本框

javascript - 分别在javascript和asp.net中进行客户端验证和服务器端验证?

javascript - 将 RGBA 转换为十六进制或将 ARGB 转换为十六进制

javascript - 获取 data-* 属性的值,而不知道 "data-"之后的内容

javascript - VM[number] 文件导致未捕获的语法错误 : Unexpected identifier

javascript - 使用新的 data.json 更新 d3 饼图

javascript - 如何禁用 Bootstrap 表单字段?

html - 响应式文本技术