2016-09-27 5 views
0

Ich habe ein Problem, bei dem mein geklonter Inhalt zweimal zu beiden Div-Sets geklont wird.JQuery Anfügen Klon entfernen Problem mit mehreren Gleiche Klasse divs

Zum Beispiel habe ich folgende HTML (diese HTML kann nicht geändert werden)

<div class="cartItemrowInner col-lg-12"> 
    <div class="itemTitle col-lg-12"></div> 
    <div class="td_replacement col-lg-12"> 
    <label for="quantity_0" class="aural-only">Quantity </label> 
    </div> 
    <div class="td_replacement col-lg-12"> 
    <h5><span class="CartItemName">Pie 1</span></h5> 
    </div> 
    <div class="td_replacement col-lg-12"> 
    <p>$25.00</p> 
    </div> 
</div> 

<div class="cartItemrowInner col-lg-12"> 
    <div class="itemTitle col-lg-12"></div> 
    <div class="td_replacement col-lg-12"> 
    <label for="quantity_0" class="aural-only">Quantity </label> 
    </div> 
    <div class="td_replacement col-lg-12"> 
    <h5><span class="CartItemName">Pie 2</span></h5> 
    </div> 
    <div class="td_replacement col-lg-12"> 
    <p>$25.00</p> 
    </div> 
</div> 

Wenn ich versuche, und verwenden append Klon entfernen, um die zweite zu bewegen .td_replacemnt Inhalt in .itemTitle

dauern Mit dieser jQuery-Datei werden beide Sets von .td_replacements in beide .itemTitles dupliziert.

$('.itemTitle').append($('.itemTitle').next('div').next('div').remove().clone()); 

// THIS COULD NOT FIND CONTENTS OF .TD_replacement 
$('.itemTitle').append(function(){ 

$(this).next('div').next('div').remove().clone() 

}); 

Also dachte ich $ (this) in einer Funktion könnte das Problem lösen, aber es das Element nicht finden kann.

Ihre Hilfe wird sehr geschätzt. Wir danken Ihnen

EDIT ***

Dies wird mir immer näher, aber es ist nur die Top-pie 1 in die richtige Stelle zu bewegen

var itemTitle = $('.itemTitle'); 
for(var i=0; i<itemTitle.length; i++){ 
var itemClone = $(itemTitle).next('div').next('div').remove().clone(); 
$(itemTitle[i]).append(itemClone[i]); 
} 

Antwort

0

WOW! Danke für deine Hilfe. (nicht) Ich kann nicht glauben, dass ich keine einzige Antwort bekommen habe ?? Das ist nie passiert.

Wie auch immer, hier ist es! Für andere, die Probleme haben! Es fühlt sich gut an, es selbst herauszufinden. Ok ich bin fertig mit der Seifenkiste!

var itemDescriptions = $('.cartItemrowInner > div:nth-last-child(2)'); 
var newTitlelocation = $('.itemTitle'); 

for(var i=0; i<itemDescriptions.length && i<newTitlelocation.length; i++){ 
$(newTitlelocation[i]).append(itemDescriptions[i]); 

} 

Vielen Dank JavaBits https://stackoverflow.com/users/651362/javabits

-Giving multiple conditions in for loop in Java