我的页面上有两个引导行,屏幕顶部有两个按钮。我想,当第二个按钮被点击,然后第二行来的第一行的顶部,反之亦然。
那是我的两排
<div class="row mothers_day-row mothers_day-row-share">
<div class="col-xs-12">
Text
</div>
</div>
<div class="row mothers_day-row mothers_day-row-create">
<div class="col-xs-12">
Text 2
</div>
</div>
我的纽扣会是这样的
<button class="regular mothers_day_first_button" id="mothers_day1">First row on top</button>
<button class="regular mothers_day_second_button" id="mothers_day2">Second row on top</button>
3条答案
按热度按时间wmtdaxz31#
想法是将
data-*
属性添加到按钮中,告诉它们应该在顶部按哪个div。然后单击按钮,按照data-target-div
属性中的设置获取div,克隆它并将其从DOM中删除。现在使用prepend
将克隆的div
添加到主div中jgovgodb2#
你好,既然你问了
Change position
问题,我就把这个答案贴出来:请检查演示https://jsfiddle.net/7a4pqL1r/1/HTML
CSS
jQuery
rseugnpd3#
您可以非常简单地使用
Element: before()
方法。https://developer.mozilla.org/en-US/docs/Web/API/Element/before