jquery - 使用 jQuery 更改 标签中子元素的位置

Question

我正在尝试改变 body child 的位置。我显然不明白如何做到这一点，但我认为如果以下代码可以工作，那将会很新颖:

var temp = $('body').children()[0];
$('body').children()[0] = $('body').children()[1];
$('body').children()[1] = temp;

对我来说可悲的是，事实并非如此。我已经搜索并找到了 .add() 方法，但我不知道如何添加到父级的开头/我不知道如何删除另一个子级。

感谢任何帮助。

Answer 1

要交换子项，只需使用 .prependTo()在开头粘贴您想要的任何元素，如下所示:

$('body').children().eq(1).prependTo('body');

通过交换数组中的元素，您只是更改 jQuery 对象中的元素、对对象的引用...根本不会真正影响 DOM 中的它们。

致.prepend()直接形成的元素如下所示(基本上就是上面转换成的内容):

$('body').prepend($('body').children().eq(1));