2010/09/10

[jQuery]clone()

jQuery日本語リファレンス:clone()を覗くと、要素の複製を行うみたいです。

<html>
<head>
<title>Jquery cloneテスト</title>
<script type="text/javascript"
  src="./jquery-1.4.2.min.js"
></script>
</head>
<body>
<div id="test1" class="ugougo">
  <span>
    life goes on
  </span>
</div>
<div id="test2" class="ugougo"></div>

<input type="button"
  value="Run"
  id="hoge"
>
<script
  type="text/javascript"
>

$("#hoge").bind(
    'click'
  , function(){
      $("#test2").html($("#test1").clone(true));

    }
);

</script>
</body>
</html>

実行した結果、id名test2の子要素に、id名test1の要素のコピーが挿入されるわけですが、これは便利だなー。
cloneメソッドの引数にtrueを設定することで、イベントもコピーすることができるみたいです。

時刻: 7:49
ラベル:

0 コメント:

コメントを投稿

登録: コメントの投稿 (Atom)