jquery - 使用 .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 演示

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"));

例子

Answer 4

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

这将起作用，因为它具有完整的元素流。