jQuery 内容をコピーする

Ajax
Javascript

jQuery 内容をコピーする

jQueryを利用すれば、動的にページのある部分をコピーして違う場所に表示できたりします。
いくつまで内容を増やしたいか、ユーザーに任せる場合などは、これが便利です。

 //Javascript内　事前にjQueryは読み込んでおきます。
 function addBold(){
 	$("b").clone().prependTo("p");
 }
 
 //HTML
 <input type="button" onclick="addBold();" value="太字部分をコピー" />
 <b>Hello</b><p>, how are you?</p>

ボタンをクリックすると、

の前にHelloがコピーされます。