我想更改部分中HTML元素的顺序

Question

这基本上就是我的woocommerce产品的样子：

<section class="mpcth-post-content">
    <div class="mpcth-cart-wrap">
    <h6 class="mpcth-post-title"></h6>
</section>

我想要的只是改为按顺序 - > title>＆gt;换行。

我试图用jQuery改变它：

$(document).ready(function() {
    $('.mpcth-post-title').insertBefore('.mpcth-cart-wrap')
});

但它将页面上显示的每个部分的每个产品标题都放在每个产品上。

我也想知道是否可以用子主题功能完成？ 基本php来自框架mpc_visual_composer.php。

Answer 1

您选择的行为是正常的。您想要做的是在每个部分的上下文中insertBefore。使用子选择器和循环。

$('.mpcth-post-content').each(function(){
    $(this).find('.mpcth-post-title').insertBefore($(this).find('.mpcth-cart-wrap'));
});