在特定div之后插入一些文本到WordPress前端

时间:2017-02-21 20:32:20

标签: javascript wordpress hook

我正在定制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

1 个答案:

答案 0 :(得分:2)

确保在页面加载后运行JavaScript。

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

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

}); // end document ready