使用插入類名後

Question

我該如何使用insertAfter一個類何時類不是唯一的？有沒有辦法？可以說我想在div class「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

您可以在each功能做insertAfter象下面這樣：

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