Я хотел бы изменить порядок элементов HTML внутри секций

Question

Это пояснит, как мой WooCommerce продукт выглядит следующим образом:

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

И все, что я хочу, чтобы изменить на заказ section-> Заголовок-> заворачивать.

Я попытался изменить его с помощью 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')); 
});