[英]jQuery append to a sibling div
我有以下代码,使用jquery将元素移动到另一个元素内,但我只需要定位作为元素同级的包装器而不是所有包装器。
$('.add_to_cart_button').appendTo('.product-box-image-wrapper');
这是标记:
<li class="post-2045 product type-product status-publish has-post-thumbnail product_cat-accessories product_cat-designer-boots product_cat-footwear product_cat-shorts product_tag-boots product_tag-deluxe last instock featured shipping-taxable purchasable product-type-simple">
<a href="http://localhost:8888/majestica/product/evening-black-night-skirt/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><div class="product-box-image-wrapper"><img width="300" height="375" src="http://localhost:8888/majestica/wp-content/uploads/2018/08/kristina-dam-studio-aw17-collection-9-300x375.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image" alt=""></div><h2 class="woocommerce-loop-product__title">Evening Black Night Skirt</h2>
<span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">£</span>550.00</span></span>
有任何想法吗 ?
谢谢。
一种选择是:
$('.add_to_cart_button').each(function() {
$(this).prev('a.woocommerce-LoopProduct-link').children('.product-box-image-wrapper').append(this);
});
效率较低的选项是:
$(this).closest('li').find('.product-box-image-wrapper').append(this);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.