Вставить текст после определенного div в WordPress frontend

Question

Я настраиваю передний конец Woocommerce, поэтому я хотел бы добавить текст «/ в месяц» после моей окончательной цены, прежде чем пользователь нажмет кнопку «Добавить в корзину». Я попытался с помощью JavaScript

jQuery('.woocommerce-variation-price').append("/month")

, но в то время как она работает, когда я запускаю его из консоли это терпит неудачу, когда я запускаю его через файл в шаблоне. Я все еще могу проверить код, когда проверяю код страницы, но ничего не делает.

Я думал, может быть, я смог бы достичь этого через крючок WordPress.

Я вставил это в functions.php

add_filter('the_content', 'permonth_filter'); 

function permonth_filter ($content) { 

    if (is_single()) { 

     $content .= '<div class="permonth-filter">/Per Month </div>'  . " 
"; 

    } // End IF Statement 

    return $content; 

} // End wpcandy_filterhook_signoff() 

Это добавляет некоторый текст в конце блога. Есть ли способ добавить текст после определенного div с определенным классом? woocommerce-variation-price

Answer 1

Убедитесь, что вы используете JavaScript после загрузки страницы.

jQuery(document).ready(function($) { 

    // Run your code 
    $('.woocommerce-variation-price').append("/month"); 

}); // end document ready