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

Question

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

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

而我只想将顺序改为section->title->wrap。

我尝试用 jQuery 更改它：

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

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

我也想知道用child主题功能可以吗？基础 php 来自框架 mpc_visual_composer.php.

Answer 1

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

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

I'd like to change the order of HTML elements inside a section