removing first 14 characters from string, works on fiddle but not site-CodePudding

I have this fiddle I have been testing to remove the first 14 characters from a span on my website, I'm trying to remove "Published on:"

https://jsfiddle.net/tetzuro/3ym8jwcu/

For some reason it won't work on the page, which is https://www.homecarepulse.com/blog/

I'm not sure what I am missing from my code but here it is for reference

$('.fusion-tb-published-date').text(function(_, txt) {
  return txt.slice(14);
});

<div  style="padding-bottom:15px;min-height:36px;font-size:16px;">
  <span >Published On: Jul 28, 2022</span><span ></span>
  <span >By
<span><a href="" rel="author">author</a></span></span>
  <span ></span>
  <span >23.8 min read</span>
  <span ></span>
</div>

CodePudding user response：

You are getting an error in the console

Uncaught TypeError: $ is not a function.

That means you are, most probably using it before the $ is initialised or not initialising it at all.

The fastest solution for this is to replace $ with jQuery:

jQuery('.fusion-tb-published-date').text(function (_,txt) {
    return txt.slice(14);
});

CodePudding user response：

Looks like you haven't imported the jQuery library on the site! In the dev console, I can see that $ isn't defined. Try importing the jQuery library from a CDN like so:

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj 3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>