你好我试图将一个dom元素插入到另一个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中没有第二部分时,我该如何解决?
由于
答案 0 :(得分:1)
首先,如果它不是拼写错误,那么你的“First”就会错过最底层的结束div。解决之后,如果是拼写错误,你应该可以这样做:
var $something = $(first).find('.edit-modal-content').append($(second));
然后当你准备好时,你可以将它附加到身体上。