帶查找的jQuery追加無法一起使用

Question

您好，我正在嘗試將一個dom元素插入另一個元素，但是不知何故，它不起作用。 我以前做過很多，但是這次我不明白為什么。

這是我的模態框。 我正在用ajax請求獲得此信息，並且正在使用$ .when並獲得兩個頁面。 您將在下面找到第二個html。

首先：

 <div class="edit-modal">
<div class="edit-modal-title">
  <h1>Settings</h1>
</div> <!-- edit-modal-title -->
<div class="edit-modal-menu">
  <ul class="list-inline">
    <li><a href="#">Edit Form</a></li>
    <li class="edit-active"><a href="#">Add People</a></li>
    <li><a href="#">Form Info</a></li>
  </ul>
</div> <!-- edit-modal-menu -->
<div class="edit-modal-content">
  <!--  people -->
</div>

第二：

<div class="form-group">
  <label for="name">Form Name</label>
  <input type="text" class="input-style form-control" id="name" placeholder="E-mail">
</div>
<div class="form-group">
  <label for="ty">Thank You Page</label>
  <input type="text" class="input-style form-control" id="ty" placeholder="Password">
</div>
<div class="checkbox">
  <label>
    <input type="checkbox"> E-mail Notification
  </label>
</div>
<button type="submit" class="save-button step-button">Save</button>
<a href="#" class="pull-right" style="text-decoration:underline; font-style:oblique;">delete form</a>

我只想將第二部分放在.edit-modal-content div中。

我就是這樣

  $(first[0]).find('.edit-modal-content').append(second[0]);

但是，當console.log（$（first [0]））在.edit-modal-content中沒有第二部分時，我該如何解決呢？

謝謝

Answer 1

首先，如果不是拼寫錯誤，則您的“第一”在最底部缺少一個封閉的div。 解決此問題后，如果是錯字，則應該可以執行以下操作：

var $something = $(first).find('.edit-modal-content').append($(second));

然后，當您准備就緒時，可以將其附加到主體上。