Question

怎么动态切换div的排序顺序

Answer 1

只有使用js才能实现了，给你写个示例吧

<style>div{ border:1px solid #DDD; padding:20px; margin:10px;}</style>
<div class="demo">
    <div class="div1">div1</div>
    <div class="div2">div2</div>
</div>

<button>调换位置</button>

<script src="http://cdn.uedsc.com/jquery/2.1.3/jquery.js"></script>
<script>
$(function(){
    $('button').click(function(){
        if($('.div1').prev('div').hasClass('div2')){
            $('.div2').clone().appendTo('.demo')
            $('.div2').eq(0).remove()
        }else{
            $('.div1').clone().appendTo('.demo')
            $('.div1').eq(0).remove()
        }
    })
})
</script>