jquery - 要素をjqueryで交換する方法は?

Question

HTMLドキュメント内に次の設定があります...

<div id="logo"><h2>my top logo</h2></div>
<div id="one"><p>this is the first section with stuff in it</p></div>
<div id="two"><h1>this is the section section with stuff in it</h1></div>
<script>//this script associates to stuff in div id=two</script>

< div id = one > を伝える方法はありますか? < script > タグの下に移動するには、次のようにします...

<div id="logo"><h2>my top logo</h2></div>
<div id="two"><h1>this is the section section with stuff in it</h1></div>
<script>//this script associates to stuff in div id=two</script>
<div id="one"><p>this is the first section with stuff in it</p></div>

これらすべてを含む親 div 要素 ID に依存することはできません。私はあなたがここで見るものだけに頼る必要があります。

ありがとう

Answer 1

これを行う目的が何であるかはわかりませんが、これを行うことができます。ページのレイアウトについては何も変更しないでください。

$("#one").insertAfter( $("#one").nextAll("script").eq(0) );

上記の html を修正する必要があります。開いていない p タグと閉じていない h1 タグがあります。

Answer 2

これを試して：

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

フィドル

Answer 3

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

Answer 4

以下を使用してそれらを移動できます

jQuery("#one").after(jQuery("#two"));

使用することもできます

jQuery("#two").before(jQuery("#one"));

Answer 5

あなたはこのようにそれを行うことができます

$("#one").insertAfter($('script'));

それがコード内の唯一のスクリプトタグであると仮定します。さらにチェックとバランスを実装して、必要なスクリプトタグの直後に配置されるようにすることができます。