移動|克隆元素並從原始位置刪除

Question

我有這個HTML標記：

<div id="subscriptionbox-1">
    <div class="topbar">
        <span class="title">Express</span>
    </div>
    <div class="bottombar">
        <span class="price">300 bsf</span>
        <span class="link"><a class="button  " href="#">Sign Up</a></span>
    </div>
</div>

我需要將元素從DOM上的一個位置移動到另一個位置，然后再將其從原始位置刪除。 這就是我在做什么：

$(document).ready(function(){
  $('.topbar .title').append('<br/>');
  $('.bottombar .price').clone().appendTo('.topbar .title');
  $('.bottombar .price').remove();
});

但是結果不是我想要的，因為我得到了：

<span class="title">Express<br><span class="price">300 bsf</span></span>

當我想要這個時：

<span class="title">Express</span><br><span class="price">300 bsf</span>

我做錯了什么？

Answer 1

似乎多余的使用clone（）然后刪除原始。

嘗試

$('.topbar .title').append('<br/>').parent().append($('.bottombar .price'));