jquery クローンしたものを変数に格納、イベント発火時に変数にいれたものをクローン

Question

下記のコードで、読み込み時にクローンしたものを変数にいれています。

<div class="area_question_group_360" id="group1">
  <p class="ttl">設問グループタイトル</p>
  <div class="wrap_input wrap_required group_ttl">
    <input placeholder="設問グループタイトルを記述" name="wholeAngleSurveyGroup.title[]" type="text">
    <div class="unit_2_center btn_delete_group" data-tabno="1">削除</div>
  </div>
  <div class="wrap_input question" id="question1">
    <span class="unit_2 number">Q. </span>
    <div class="wrap_input wrap_required">
      <input placeholder="回答選択肢を記述" name="wholeAngleSurveyQuestion.title[0][]" type="text">
    </div>
    <div class="unit_2_center button_text_delete_360">削除</div>
  </div>
  <div class="area_add_question_360">
    <div class="btnarea_left">
      <div class="button_text_add_question_360 add_question">設問を追加する</div>
    </div>
    <div class="note">※選択肢は上限20項目です。</div>
  </div>
</div>
<div class="btnarea_left_add_group">
  <div class="btn_goast_purple_add_group" id="add_group">設問グループを追加する</div>
</div>

<script>
  $(window).on('load', function() {
      var clone = $("#group1").clone();
  });
</script>

id="add_group"がクリックされた時にイベント発火して
変数にいれたものをクローンしたいです。

<script>
  $(document).on('click', '#add_group', function() {
    //要素の数をカウントして、複製したフォームのnameを変更する 
    classLength = $('[id^=group]').length; //要素数 1, 2
    selector = "#group"+(classLength); //1つ前のID名 #group1, 2
    newSelector = "group"+(classLength + 1); //新しいID group2,3
    //クローン処理 
    $(clone).clone(true).insertAfter(selector).attr('id', newSelector);
    //複製したものに関する調整処理
    $("#" + newSelector).find("input").each(function(i, elm){
      elm.name = elm.name.replace(/[[0-9]+]/, '[' + classLength + ']');
      elm.id = elm.id.replace(/\-[0-9]+\-/, '-' + classLength + '-');
      elm.value = null;
    })
  });
</script>

現状だとclone is not definedというエラーがでます。
どなたかご教示いただけると幸いです。

Answer 1

  $(window).on('load', function() {
      var clone = $("#group1").clone();
  });

ここで作られるcloneはローカル変数なので、関数が終われば消滅します。

Answer 2

jsの中のphpがなにをやりたいかわかりません。
サーバー側の情報を付加するなどphpでなにか処理する必要があるなら
非同期でapiを叩くような処理が必要でしょう

Comments

[退会済みユーザー]

すいません、コメントアウトしていものをphpタグで囲っていました。
見にくいと思うので修正いたしました。

[yambejp]

クローンする前提ならidをつけることが間違いですね
すべてクラスで処理してください
またnameの付け方もかなりおかしいです。