JSFiddle - React, Tailwind, and code Playground

HTML

<div id='path'>
  <span class='spant' data-id=0>HOME</span>
  <span class='spant' data-id=5>HOME</span>
  <span class='spant' data-id=9>HOME</span>
  <span class='spant' data-id=14>HOME</span>
  <span class='spant' data-id=11>HOME</span>
</div>

JavaScript

$('.spant').on('click', function(e) {
	var string = "";
	var spans = $(this).prevAll().each(function(i, v){ string += " " + v.outerHTML; });
  string += this.outerHTML;
  alert(string);
});