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'));

移动|克隆元素并从原始位置移除

1 个答案: