JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="slide-title">   
<span class="slider-category">
<a href="/test/test.html">Lorem Ipsum</a>
</span>
dolor sit amit
</h1>

<h1 class="slide-title">   
<span class="slider-category">
<a href="/test/test.html">Lorem Ipsum</a>
</span>
dolor sit amit
</h1>

CSS

.slide-title a {text-decoration:none;}
.slide-title a:hover {text-decoration:underline;}

JavaScript

$("h1.slide-title").each(function(){
	$(this).contents().each(function(){
    if (this.nodeType === 3 /*text node*/) {
      $(this).wrap("<a></a>");
    }
  });
});