使用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"));
    }
});

这是小提琴。http://jsfiddle.net/ffGZk/4/