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

Question

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

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

我想要的只是更改为部分>标题>wrap。

我试图用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'));
});