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