如何基于CSS和jquery上的父类选择单个子类？

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

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

我想把第三组移到第一组之前

这是我的尝试

太糟糕了，这不是我想要的，我想要这个结果

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

谢谢你的帮助

试试这个

试试这个

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

因为三个元素匹配

。一个
和
三个
选择器。所有三个
。在所有三个
元素之前插入三个
元素。一个
元素。（绕口令；-））

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

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