jQueryで要素をコピーする方法

2021年03月05日

この記事は約1分で読めます。

jQueryには便利な「clone()」関数というのがある。
この「clone()」を使って簡単にDOMをコピーすることができるんです。
下のHTMLからjQueryを使ってDOMを取得します。

// [.youso1]をコピー
var title = $(".youso1").clone();
// [.youso2]へ書き出し
$(".youso2").html(title);

上のjQueryでは、「.youso1」内のDOMをすべて「.youso2」にコピーしています。

入力した文字をチャット風に表示する

次はデモで、入力した値をチャット風に書き出してみます。

チャットする

この様に、「clone()」を使って色々なことができますので色々使ってみてくださいね！