使用javascript对div重新排序

我正在尝试使用JavaScript更改

div

s的顺序。这就是我能做的吗

<div id="pageWrapper">
    <div id="one">1</div>
    <div id="two">2</div>
    <div id="three">3</div>
    <div id="four">4</div>
</div>

$(document).ready(function(){ 
        $('#pageWrapper').prepend('#three');
        $('#pageWrapper').prepend('#four');

});

1.
2.
3.
4.
$（文档）.ready（函数（）{
$（'#pageWrapper'）。前置（'#三'）；
$（'pageWrapper'）。前置（'four'）；
});

那么请使用一些响应性设计。在您的情况下，在CSS中使用@media查询。比用脚本做要好得多

@media screen and (max-width:980px) {
/* your style */
}

如果仍然喜欢使用脚本，则可以订阅resize事件处理程序，如

$( window ).resize(function() {
  if($(window).width()<requiredMinimum)
  {
    //dowhatever
  }
  else
  {
    //revertback
  }
});

$（窗口）。调整大小（函数（）{
如果（$（window）.width（）那么请使用一些响应性设计。在您的情况下，在CSS中使用@media查询。比在脚本中使用要好得多

@media screen and (max-width:980px) {
/* your style */
}

如果仍然喜欢使用脚本，则可以订阅resize事件处理程序，如

$( window ).resize(function() {
  if($(window).width()<requiredMinimum)
  {
    //dowhatever
  }
  else
  {
    //revertback
  }
});

$（窗口）。调整大小（函数（）{
如果（$（window）.width（）那么请使用一些响应性设计。在您的情况下，在CSS中使用@media查询。比在脚本中使用要好得多

@media screen and (max-width:980px) {
/* your style */
}

如果仍然喜欢使用脚本，则可以订阅resize事件处理程序，如

$( window ).resize(function() {
  if($(window).width()<requiredMinimum)
  {
    //dowhatever
  }
  else
  {
    //revertback
  }
});

$（窗口）。调整大小（函数（）{
如果（$（window）.width（）那么请使用一些响应性设计。在您的情况下，在CSS中使用@media查询。比在脚本中使用要好得多

@media screen and (max-width:980px) {
/* your style */
}

如果仍然喜欢使用脚本，则可以订阅resize事件处理程序，如

$( window ).resize(function() {
  if($(window).width()<requiredMinimum)
  {
    //dowhatever
  }
  else
  {
    //revertback
  }
});

$（窗口）。调整大小（函数（）{
if（$（window.width（）如果需要，您可以将其与
window.resize（）
事件一起使用（您还可以使用else语句将其设置回默认值）

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<980）{
$（“#三”）.insertBefore（“#一”）；
$（'四'）。在（'二'）之前插入；
}否则{
//设置回默认值，或任何您喜欢的设置。
}
});
});

如果需要，您可以在
窗口中使用它。resize（）
事件（您还可以使用else语句将其设置回默认值）

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<980）{
$（“#三”）.insertBefore（“#一”）；
$（'四'）。在（'二'）之前插入；
}否则{
//设置回默认值，或任何您喜欢的设置。
}
});
});

如果需要，您可以在
窗口中使用它。resize（）
事件（您还可以使用else语句将其设置回默认值）

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<980）{
$（“#三”）.insertBefore（“#一”）；
$（'四'）。在（'二'）之前插入；
}否则{
//设置回默认值，或任何您喜欢的设置。
}
});
});

如果需要，您可以在
窗口中使用它。resize（）
事件（您还可以使用else语句将其设置回默认值）

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<980）{
$（“#三”）.insertBefore（“#一”）；
$（'四'）。在（'二'）之前插入；
}否则{
//设置回默认值，或任何您喜欢的设置。
}
});
});

prepend
不接受字符串选择器。从：



────────────────────────────────────────────────────────────────

内容

类型：或

要在匹配元素集中每个元素的开头插入的DOM元素、元素数组、HTML字符串或jQuery对象

您必须传递jQuery对象：


但是，有趣的是，它接受字符串选择器：

$("#three").prependTo("#pageWrapper");

prepend
不接受字符串选择器。从：



────────────────────────────────────────────────────────────────

内容

类型：或

要在匹配元素集中每个元素的开头插入的DOM元素、元素数组、HTML字符串或jQuery对象

您必须传递jQuery对象：


但是，有趣的是，它接受字符串选择器：

$("#three").prependTo("#pageWrapper");

prepend
不接受字符串选择器。从：



────────────────────────────────────────────────────────────────

内容

类型：或

要在匹配元素集中每个元素的开头插入的DOM元素、元素数组、HTML字符串或jQuery对象

您必须传递jQuery对象：


但是，有趣的是，它接受字符串选择器：

$("#three").prependTo("#pageWrapper");

prepend
不接受字符串选择器。从：



────────────────────────────────────────────────────────────────

内容

类型：或

要在匹配元素集中每个元素的开头插入的DOM元素、元素数组、HTML字符串或jQuery对象

您必须传递jQuery对象：


但是，有趣的是，它接受字符串选择器：

$("#three").prependTo("#pageWrapper");

你有没有尝试使用代码？你应该考虑使用CSS Frasbox来实现这一点。为什么我会得到一个-1？这是一个非常直接的问题，我如何准备一个DIV，使它从页面的哪个位置移动到页面包装器的第一个孩子？@ USER 171755--它不起作用，因为<代码>准备< < /代码> >