jQuery API の clone() は、マッチした要素をコピーするメソッド。
記述方法
jQuery( セレクター ) . clone();
「セレクター」にマッチした要素をコピーする。
記述例
jQuery( '#jquery-sample li' ) . clone() . appendTo( '#jquery-sample' );
idがjquery-sampleである要素内のli要素を、コピーし、idがjquery-sampleである要素の最後に追加する。
実装例（サンプル）
- 項目１
- 項目２
- 項目３
実装例（サンプル）の動作について
「項目１」をクリックすると、項目１をコピーし、リストの最後に追加する。
項目２、項目３も同様で、クリックすると、コピーし、リストの最後に追加する。
コピーして追加した項目をクリックしても、コピーしない。
実装例（サンプル）のソースコード
JavaScript
<script>
<!--
jQuery( function() {
jQuery( '#jquery-sample-ul li' ) . click( function () {
jQuery( this ) . clone() . appendTo( '#jquery-sample-ul' );
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-sample-ul li' ) . click( function () {
jQuery( this ) . clone() . appendTo( '#jquery-sample-ul' );
} );
} );
// -->
</script>
CSS
<style type="text/css">
<!--
#jquery-sample-ul li{
cursor: pointer;
}
-->
</style>
<!--
#jquery-sample-ul li{
cursor: pointer;
}
-->
</style>
HTML
<ul id="jquery-sample-ul">
<li>項目１</li>
<li>項目２</li>
<li>項目３</li>
</ul>
<li>項目１</li>
<li>項目２</li>
<li>項目３</li>
</ul>