javascript - 如何在单击按钮时使用 jquery 将子 div 附加到父 div

Question

<div class="addMore">
      <div class="row addPlus">
          <p class="emergencyTitle">Child 1</p>
          <div class="col-xs-6">
              <form role="form">
                  <div class="form-group">
                      <label for="name">Student Name</label>
                      <input type="text" class="form-control" name="ch1_name">
                  </div>
                  <div class="form-group">
                      <label for="name">Class</label><br>
                      <select name="ch1_class">
                          <option value=""> 1  </option>
                          <option value=""> 2</option>
                          <option value="">  3 </option>
                      </select>
                  </div>

              </form>
          </div>
          <div class="col-xs-6">
              <form role="form">
                  <div class="form-group">
                      <label for="name">DOB</label>
                      <input type="text" class="form-control" name="ch1_dob" id="datepicker">
                  </div>
                  <div class="form-group">
                      <label for="name">Section</label><br>
                      <select name="ch1_secion">
                          <option value=""> A </option>
                          <option value=""> B </option>
                          <option value=""> C </option>
                      </select>
                  </div>
              </form>
          </div>
      </div>
  </div>

点击一个按钮我就这样做了..

$child = $('.addPlus')
$('.addMore').append($child)

但我似乎无法添加 addPlus div，$('.addMore').append("hi") 如何正常工作。谁能帮我解决我哪里出错了。

Answer 1

如果你想克隆该项目 - 你可以使用

$('.addPlus').first().clone().appendTo('.addMore')