从中删除元素'的父元素，并将其附加到其他元素

Remove an element from it's parent and append it to other Element

本文关键字：元素 其他 删除      更新时间：2024-04-06

我想从其父元素中移除一个元素，并将其附加到其他元素。从一开始，代码如下所示：

<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'));
相关文章：