0

我目前正在玩 Codeacademy,我收到了一个任务,告诉我在 div 之后移动一个新段落。这是我所做的:

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

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

编辑:对不起,我是这方面的初学者。不知何故,这些东西对我来说在 jsfiddle 中不起作用,我很可能做错了什么。不过我会在下面留下几个截图:

http://imgur.com/a/WmlkV

4

4 回答 4

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/

于 2013-03-21T10:03:22.307 回答
0

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

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

jsFiddle 演示

于 2013-03-21T10:03:59.647 回答
0

html

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

javascript

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

例子

于 2013-03-21T10:05:11.993 回答
0
$(document).ready(function() {
$('#one').after("<p>Let's see what we can add</p>");
$('p').after($('#two'));
});

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

于 2016-05-17T22:47:37.647 回答