online Editor
wrapInner() | Manipulation - jQuery リファレンス
wrapInner() - 2 - jQueryのwrapInner()の動作サンプル2です。
<!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} .Hello{border:1px solid red} .Goodbye{border:1px solid yellow} </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(function() { return "<div class='" + $(this).text() + "'></div>"; }); </script> </body> </html>
HTMLを反映する >>
タグ:
jQuery
Web Creative Park
wrapInner()