jquery - .after (jQuery) を使用して div の後に段落を移動する

Question

私は現在Codeacademyで遊んでいて、divの後に新しい段落を移動するように指示するタスクを受け取りました。私がしたことは次のとおりです。

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

ここで、#two という名前の別の div の後に新しい段落を移動したいのですが、.after を使用することになっているので、教えてくれます。#two id の後に新しい段落を移動するにはどうすればよいですか。

編集：申し訳ありませんが、私はこれの初心者です。どういうわけか、私にとっては jsfiddle では機能しません。おそらく、何か間違ったことをしている可能性があります。ただし、以下にいくつかのスクリーンショットを残しておきます。

score 0 · Accepted Answer

html

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

javascript

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

score 0 · Accepted Answer

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

要素の完全なフローがあるため、これは機能します。

4 に答える 4