jquery - 使用 insertAfter 类名

Question

当类不是唯一的时，我如何使用insertAfter类？有办法吗？假设我想在 div 类 "desc" 之后移动 div "name" 或者移动到另一个地方？

一段时间后，它进入某种类型的循环，并提示我停止脚本

http://jsfiddle.net/rudyten/ffGZk/

$(".image").insertAfter(".name");
$(".desc").insertAfter(".image");


<div class='box'>
    <div class='name'>NAME</div>
    <div class='image'>IMAGE</div>
    <div class='desc'>DESC</div>
</div>
<div class='box'>
    <div class='name'>NAME</div>
    <div class='image'>IMAGE</div>
    <div class='desc'>DESC</div>
</div>

Answer 1

您可以insertAfter在each如下函数中执行：

$('.container').each(function(){
    if (loc == "AB") {
        $(this).find(".image").insertAfter($(this).find(".name"));
        $(this).find(".desc").insertAfter($(this).find(".image"));
    }

    if (loc == "BA") {
        $(this).find(".image").insertAfter($(this).find(".desc"));
        $(this).find(".name").insertAfter($(this).find(".image"));
    }

    if (loc == "AA") {
        $(this).find(".desc").insertAfter($(this).find(".name"));
        $(this).find(".image").insertAfter($(this).find(".desc"));
    }

    if (loc == "BB") {
        $(this).find(".name").insertAfter($(this).find(".image"));
        $(this).find(".desc").insertAfter($(this).find(".name"));
    }
});

这是jsfiddle。http://jsfiddle.net/ffGZk/4/