JSFiddle - React, Tailwind, and code Playground

HTML

<text id="names" class="clickthrough">
    <textpath class="zoom1" href="#text1" font-size="12.1">click me</textpath>
</text>

CSS

.newClass {
    background-color: red;
}

JavaScript

$("text#names > textpath").click(function() {
  $(this).attr("class", function(_, value){
      return (value.indexOf("newClass")+1) ? value.replace("newClass", "") : value + " newClass";
  });
});