在特定DIV之后将一些文本插入WordPress前端

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