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]);
}