JQuery Append remove clone 问题与多个相同 class div

JQuery Append remove clone Issue with Multiple Same class divs

我遇到了一个问题,我的克隆内容被克隆了两次到两组 div。

比如我有下面的html(这个HTML不能改)

<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>.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>.00</p>
  </div>
</div>

当我尝试使用 append remove clone 将倒数第二个 .td_replacemnt 内容移至 .itemTitle

它使用此 jQuery.

将两组 .td_replacements 复制到两个 .itemTitles 中
$('.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() 

});

所以我认为在函数中使用 $(this) 可能会解决问题,但找不到元素。

非常感谢您的帮助。谢谢

编辑***

这让我更接近了,但它只是将最上面的馅饼 1 移到了正确的位置

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

哇!感谢您的帮助! (不是)我不敢相信我没有收到一个答案??那从未发生过。

总之就是这里!!!对于其他人有问题!不过,自己解决问题确实感觉很好。好的,我完成了肥皂盒!

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

}

非常感谢 JavaBits https://whosebug.com/users/651362/javabits

Giving multiple conditions in for loop in Java