Javascript 从中删除一个元素';s父元素并将其附加到其他元素

Javascript 从中删除一个元素';s父元素并将其附加到其他元素,javascript,jquery,html,css,parent,Javascript,Jquery,Html,Css,Parent,我想从父元素中删除一个元素,并将其附加到其他元素。从一开始,代码如下所示: <div id="example"> <div class="photobooth"> <ul id="capture_options"> <li>Cpture 1</li> <li>Capture 2</li> </ul> </

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

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

  • 图1
  • 捕获2

我想删除capture\u options并将其附加到id为“option\u div”的div中。你知道怎么做吗?

使用jQuery,你可以做如下简单的事情:

$(函数(){
$('capture_options')。附加到($('option_div'));
});

测试
您可以使用
.append()
.appendTo()


向我们展示你的努力?你基本上是在要求一个双重列表框吗?
$('#option_div').append($('#capture_options'));