Question

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

因为媒体查询css无法使用jquery函数insertBefore

更改div布局

我想在div之前移动div三

$(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元素。（Tongue Twister; - ））

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

2 个答案: