Question

当类不唯一时，如何使用 insertAfter 类？有办法吗？让我们说我想移动div＆＃34;名字＆＃34;在div class＆＃34; desc＆＃34;或者可能到另一个地方？

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

$(".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/

使用insertAfter类名

1 个答案: