특정 div 다음에 특정 텍스트를 WordPress 프런트 엔드에 삽입하십시오.

Question

Woocommerce의 프런트 엔드를 사용자 정의하고 있으므로 사용자가 장바구니에 추가 버튼을 클릭하기 전에 최종 가격 후에 "/ Per Month"텍스트를 추가하고 싶습니다. 나는 자바 스크립트

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

을 시도했지만 내가 콘솔에서 실행할 때 작동하는 동안 내가 템플릿 파일을 실행할 때 오류가 발생합니다. 페이지 코드를 확인할 때도 코드를 사용할 수 있지만 아무 것도 수행하지 않습니다.

어쩌면 내가 워드 프레스 후크를 통해 이것을 달성 할 수 있을지 생각했습니다.

나는 블로그 게시물의 끝에 텍스트를 추가 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