我遇到了一个问题,我的克隆内容会被克隆两次到两组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]);
}
答案 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