javascript - 从它的父元素中删除一个元素并将其附加到其他元素

Question

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

<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。知道如何做到这一点吗？

Answer 1

使用 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>