実現したいこと
初めて質問させていただきます。
現在、jQueryを使用してDoMの要素の移動をさせようと試みています。
ページを読み込んだ時に自動的に要素を移動させたいと考えています。
発生している問題
ページを読み込みさせても、要素の移動が実行されない。
該当のソースコード
html
1<head> 2 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 3</head> 4<body> 5 <div id=“box”> 6 <div id=“header”> 7 <div id=“inner-box”> 8 <!-- 移動させたい要素ここから --> 9 <div id=“sample”> 10 </div> 11 <!-- 要素ここまで --> 12 </div> 13 </div> 14 <!-- この部分に移動させたい --> 15 <div id=“content”> 16 </div> 17 <div id=“footer”> 18 </div> 19 </div> 20 <script> 21 $(function(){ 22 $(‘#sample’).insertAfter(‘#header’); 23 } 24 </script> 25</body>
試したこと
上記のソースコードはあくまで簡単に表した概略ですが、階層はそのまま再現しています。
div id="sample"を先祖要素であるdiv id="header"とdiv id="content"の間に移動させたいと思っています。
私自身、jQueryについては1ヶ月ほど前から勉強を始めた身で、色々試してみてはいるんですが、なかなかうまく動作してくれません。
動作しない原因がトリガーなのかそれとも関数なのか、または構文の書き方が悪いのか皆目見当がつかない状況です。
どなたか改善方法をご教示していただけると幸いです。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/02/24 12:03