Jquery ui 是否将div标记与上一个替换？ $.fn.swapWith=函数（选择器）{ 变量占位符=$（''）.insertAfter（选择器）； $（选择器）.insertAfter（此）； 占位符.after（this.remove（）； }; var el=$（'4'）； el.swapWith（el.nextAll（'.'+el.attr（'class'）+'：first'））；

@框9：我可以将此代码与上一个div交换吗？需要更改哪些代码

您可以尝试此操作这是最后一个单击div以查看效果

$.fn.swapWith = function (selector) {
    var placeholder = $('<div id="placeholder">').insertAfter(selector);
    $(selector).insertAfter(this);
    placeholder.after(this).remove();
};


var el = $('#4');
el.swapWith(el.nextAll('.' + el.attr('class') + ':first'));

.最外面{
宽度：100%；
高度：100px；
边缘顶部：10px；
}
.内部{
宽度：100%；
背景：#A124C2；
高度：20px；
边缘顶部：10px；
}
#div1{背景：红色；}
#div2{背景：绿色；}
#div3{背景：蓝色；}
#div4{背景：黄色；}
#div5{背景：黑色；颜色：白色；}
$（函数（）{
//单击外部类时的函数触发器
$（'.outmost'）。单击(
函数（）{
$（this.insertBefore（$（this.prev（））；
}
)
//$（'div2'）.insertBefore（$（'div2'）.prev（））；
})
第一组
内部1
内部1
第2组
内部2
内部2
第3组
内部3
内部3
第4组
内部4
内部4
第5组
内部5
内部5

@experitex:你能帮我一下吗？@kiran你能发布一些你的html代码并解释一下吗pleaase@kiran代码已经更新了，并且测试了您喜欢的所有代码，如果我不能帮助您，那么我严重怀疑是否有人可以帮助您。我将在一小时内离线（一周左右），我可以帮助你一周，你可以使用NEXT（）.NEXT（），除非你没有索引，也就是说，在第三DIVIM在这些div的中间有其他div之后，你不能这样做。所以它会选择那个div。所以我为我想交换的div提供了公共类名。那么我该如何实现呢this@kiran好吧，试试这个，如果这不是你想要的，那么不要给我看你的代码。。。告诉我你到底想要什么do@experimentX：我有五个div，每个div有一个id和一个comman clasx名称。在每个div的中间有另一个标记q，我想用下一个div（div2和q2）替换div1和q1。请help@experimentX请帮忙，真的stuck@kiran你在哪里被卡住了。。。我要下线了？

<script src="jquery.js"></script>
<style>
    .outmost{
        width: 100%;
        height: 100px;          
        margin-top: 10px;
    }

    .inner{
        width: 100%;
        background: #A124C2;
        height: 20px;           
        margin-top: 10px;

    }

    #div1{  background: red; }
    #div2{  background: green; }
    #div3{  background: blue; }
    #div4{  background: yellow; }       
    #div5{  background: black; color: white; }      
</style>

<script>
$(function(){
    //function trigger on click of outer class
    $('.outmost').click(
        function(){
            $(this).insertBefore($(this).prev());
        }
    )
    //$('#div2').insertBefore($('#div2').prev());

})
</script>


<div id="div1" class="outmost">
    <h1>div 1</h1>
    <div class="inner">inner 1</div>
    <div class="inner">inner 1</div>    
</div>
<div id="div2" class="outmost">
    <h1>div 2</h1>
    <div class="inner">inner 2</div>
    <div class="inner">inner 2</div>    
</div>
<div id="div3" class="outmost">
    <h1>div 3</h1>
    <div class="inner">inner 3</div>
    <div class="inner">inner 3</div>    
</div>
<div id="div4" class="outmost">
        <h1>div 4</h1>
    <div class="inner">inner 4</div>
    <div class="inner">inner 4</div>    
</div>
<div id="div5" class="outmost">
    <h1>div 5</h1>
    <div class="inner">inner 5</div>
    <div class="inner">inner 5</div>
</div>