从它的父元素中删除一个元素并将其附加到其他元素
Remove an element from it's parent and append it to other Element
我想从其父元素中删除一个元素并将其附加到其他元素。从一开始,代码如下所示:
<div id="example">
<div class="photobooth">
<ul id="capture_options">
<li>Cpture 1</li>
<li>Capture 2</li>
</ul>
</div>
</div>
<div id="option_div">
</div>
我想删除 capture_options 并将其附加到 ID 为 "option_div" 的 div。知道怎么做吗?
使用jQuery,你可以做的很简单:
$(function(){
$('#capture_options').appendTo( $('#option_div') );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="example">
<div class="photobooth">
<ul id="capture_options">test</ul>
</div>
</div>
<div id="option_div">
</div>
您可以使用 .append()
或 .appendTo()
$('#option_div').append($('#capture_options'));
我想从其父元素中删除一个元素并将其附加到其他元素。从一开始,代码如下所示:
<div id="example">
<div class="photobooth">
<ul id="capture_options">
<li>Cpture 1</li>
<li>Capture 2</li>
</ul>
</div>
</div>
<div id="option_div">
</div>
我想删除 capture_options 并将其附加到 ID 为 "option_div" 的 div。知道怎么做吗?
使用jQuery,你可以做的很简单:
$(function(){
$('#capture_options').appendTo( $('#option_div') );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="example">
<div class="photobooth">
<ul id="capture_options">test</ul>
</div>
</div>
<div id="option_div">
</div>
您可以使用 .append()
或 .appendTo()
$('#option_div').append($('#capture_options'));