online Editor
wrapInner() | Manipulation - jQuery リファレンス
wrapInner() - 1 - jQueryのwrapInner()の動作サンプル1です。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Sample</title> </head> <body> <style> *{margin:3px} .container{border:1px solid green} .inner{border:1px solid blue} .new{border:1px solid red} </style> <div class="container"> <div class="inner">Hello</div> <div class="inner">Goodbye</div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $( ".inner" ).wrapInner( "<div class='new'></div>"); </script> </body> </html>
HTMLを反映する >>
タグ:
jQuery
Web Creative Park
wrapInner()