使用.after（jQuery）在div之后移动一个段落

Question

我目前正在玩Codeacademy，我接到一个任务，告诉我在div之后移动一个新段落。继承人我做了什么：

$('#one').after('<p>this is jquery</p>');

现在我想将新段落移动到另一个名为#two的div之后，但是，我应该使用.after，所以它告诉我。在#two id。

之后，我将如何移动新段落

编辑：对不起，我是初学者。不知何故，这些东西对我来说不适用于jsfiddle，我很可能做错了什么。不过我会在下面留下几个屏幕截图：

http://imgur.com/a/WmlkV

Answer 1

由于您没有将p设置为单独的变量，我会这样做：

$('#two').after($('#one').next('p'));

http://jsfiddle.net/PJff8/

我首选的方法是将p设置为变量，然后您可以根据需要移动，而无需重新选择它：

var p = $('<p>this is jquery</p>');
$('#one').after(p);
$('#two').after(p);

http://jsfiddle.net/PJff8/1/

Answer 2

如果我理解正确;您可以将next()与insertAfter()结合使用，如下所示：

$('#one').after('<p>this is jquery</p>').next('p').insertAfter('#two');

jsFiddle Demo

Answer 3

HTML

<div id="one">one</div>
<div id="two">two</div>

的javascript

$('#one').after('<p>this is jquery</p>');
$('#two').after($("#one + p"));

example

Answer 4

$(document).ready(function() {
$('#one').after("<p>Let's see what we can add</p>");
$('p').after($('#two'));
});

这将有效，因为它有完整的元素流。