jquery - 如何根据 CSS 和 jquery 上的父类选择单个子类？

Question

您好，我正在创建一个用户可以发布内容的网站。我想使用媒体查询，所以它可以在手机上使用，不幸的是我必须切换一些 div 标签来改变布局。

因为媒体查询 css 无法使用 jquery 函数 insertBefore 更改 div 布局

我想在 div 1 之前移动 div 3

这是我的尝试http://jsfiddle.net/PnUTX/

$(function() {
    $(".three").insertBefore(".one");
});

太糟糕了，这不是我想要的，我想要这个结果http://jsfiddle.net/Bvdby/

我尝试寻找解决方案，但我只找到了使用 $(this) 切换显示/隐藏的位置，但我没有选择特定的 div 类，而是选择了每个类

谢谢您的帮助

Answer 1

尝试这个

http://jsfiddle.net/PnUTX/4/

$(function() {
    $(".box").each(function(){
        var this_box=$(this);
        this_box.find('.one').before( this_box.find('.three'));
    });
});

Answer 2

尝试这个

$(function() {
    $(".three").each(function() {
        $(this).insertBefore($(this).siblings(".one"));
    });
});

作为三个元素的匹配.one和.three选择器。所有三个.three元素都插入在所有三个.one元素之前。（绕口令 ;-））