サンプルコードがあります:
jQuery(document.body).append('<div id="wrapper-1"></div>').appendChild('<div id="wrapper-2"></div>');
この結果を得る方法、アイデアの方法は?
<div id="wrapper-1">
<div id="wrapper-2"></div>
</div>
サンプルコードがあります:
jQuery(document.body).append('<div id="wrapper-1"></div>').appendChild('<div id="wrapper-2"></div>');
この結果を得る方法、アイデアの方法は?
<div id="wrapper-1">
<div id="wrapper-2"></div>
</div>
または、これを試すことができます:
$('.body').append('<div id="wrapper-1"></div>');
$('<div id="wrapper-2"></div>').appendTo('#wrapper-1');
方法は次のとおりです。
jQuery(document.body).append('<div id="wrapper-1"></div>').children().append('<div id="wrapper-2"></div>');
jQuery('body').append('<div id="wrapper-1"><div id="wrapper-2"></div></div>');
append()
は jQuery メソッドappendChild()
ですが、DOM 要素メソッドです。
appendChild()
つまり、純粋な DOM 要素を呼び出す必要があります。以下はうまくいくはずです。
jQuery(document.body).append('<div id="wrapper-1"></div>')[0].appendChild('<div id="wrapper-2"></div>');
appendChild() は JavaScript ネイティブ関数ですが、append() は jquery メソッドです。したがって、チェーン内の両方が期待どおりに機能しません。
マキシムの提案に従ってこれを試してください。
jQuery('body').append('<div id="wrapper-1"><div id="wrapper-2"></div></div>');