jedes Kinder Element erhalten, die eine Klasse hat und einsetzen, bevor die Mutter

Question

Was ich versuche, Fehler zu erreichen, und aus irgendeinem Grund ist ..

Mit diesem Code-Struktur:

<div class="catProductAttributeGroup"> 
    <div class="catProdAttributeTitle">TITLE 1</div> 
    Content for class "catProductAttributeGroup" Goes Here </div> 
<div class="catProductAttributeGroup"> 
    <div class="catProdAttributeTitle">TITLE 2</div> 
    Content for class "catProductAttributeGroup" Goes Here </div> 
<div class="catProductAttributeGroup"> 
    <div class="catProdAttributeTitle">TITLE 3</div> 
    Content for class "catProductAttributeGroup" Goes Here </div> 

TO LIKE THIS DISPLAY : Ich möchte sicherstellen, dass es einen Titel zu insertBefore() gibt; deshalb habe ich die erste Zeile unter der Funktionszeile.

<div class="catProdAttributeTitle">TITLE 1</div> 
<div class="catProductAttributeGroup"> Content for class "catProductAttributeGroup" Goes Here </div> 
<div class="catProdAttributeTitle">TITLE 2</div> 
<div class="catProductAttributeGroup"> Content for class "catProductAttributeGroup" Goes Here </div> 
<div class="catProdAttributeTitle">TITLE 3</div> 
<div class="catProductAttributeGroup"> Content for class "catProductAttributeGroup" Goes Here </div> 

dies mit:

$(".catProductAttributeGroup").each(function() { 
    if ($(this).find(".catProdAttributeTitle").length > 0) { 
     $(".catProdAttributeTitle").insertBefore($(".catProductAttributeGroup")); 
    } 
}); 

ABER ALLE TITEL AUF DER SPITZE DES ERSTEN ELTERN LIKE THIS RENDERING:

, um dieses DANK helfen mir

<div class="catProdAttributeTitle">TITLE 1</div> 
<div class="catProdAttributeTitle">TITLE 2</div> 
<div class="catProdAttributeTitle">TITLE 3</div> 
<div class="catProductAttributeGroup"> Content for class "catProductAttributeGroup" Goes Here </div> 
<div class="catProductAttributeGroup"> Content for class "catProductAttributeGroup" Goes Here </div> 
<div class="catProductAttributeGroup"> Content for class "catProductAttributeGroup" Goes Here </div> 

Bitte jemand!

Answer 1

Verwenden Sie $(this) innerhalb der each, um auf das aktuelle Element zu verweisen.

$('.catProdAttributeTitle').each(function() { 
    $(this).insertBefore($(this).parent()); 
}); 

Ist das Element verschachtelt ist, verwenden Sie closest() statt parent().

$(this).insertBefore($(this).closest('.catProductAttributeGroup')); 

Demo