JQuery追加删除克隆问题与多个相同的类div

时间:2016-09-27 16:56:23

标签: jquery append clone

我遇到了一个问题,我的克隆内容会被克隆两次到两组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>$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>

当我尝试使用追加删除克隆将第二个到最后一个.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]);
}

1 个答案:

答案 0 :(得分:0)

WOW!谢谢你的帮助你好! (不)我不敢相信我没有得到一个答案?多数民众赞成从未发生过。

无论如何它在这里!!!对于有问题的其他人!尽管你自己想出来确实感觉很好。好的,我已经完成了肥皂盒!

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://stackoverflow.com/users/651362/javabits

Giving multiple conditions in for loop in Java