從其父元素中刪除元素並將其附加到其他元素

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> 

Answer 2

您可以使用.append()或.appendTo()

$('#option_div').append($('#capture_options'));