How do I remove only part of some text on a header using Jquery or HTML?

Asked Apr 24 '20 at 19:41

Active Apr 24 '20 at 19:41

Viewed 117 times

I'm trying to remove the words "Posts In", but keep cookware.

  <header class="BlogList-filter"> 

  Posts in Cookware

<header/> =0

I've tried a number of different solutions. Including:

   $(".BlogList-filter").html("Cookware")

I don't like this because it doesn't change dynamically on other pages like "Bedding".

$(':contains("Posts In:")').each(function(){
$(this).html($(this).html().split("Posts In:").join(""));
});

This hides everything on the page.

asked Apr 24 '20 at 19:41

Leo Connelly

1

Does this answer your question? [Replace words in the body text](https://stackoverflow.com/questions/5558613/replace-words-in-the-body-text) (just replace with empty string `''`) – Heretic Monkey Apr 24 '20 at 19:47
In many cases, for Squarespace sites, this can be done with CSS alone. If you provide a link to the site/page in question or state what template you're using, that should be enough to offer a solution. – Brandon Apr 24 '20 at 19:59

0 Answers0