JSFiddle - React, Tailwind, and code Playground

by praveen_tamil

HTML

<div id="container">
  <span >
    Parent Text
    <sup name="20">Child Text</sup>  
  </span>
  <span >
    Parent Text
    <sup name="20">Child Text</sup>  
  </span>
  <span >
    Parent Text
    <sup name="20">Child Text</sup>  
  </span>

</div>

JavaScript

const spans = document.getElementsByTagName("span");
let data=[];

for (var i = 0; i < spans.length; ++i){
	var sup = spans[i].getElementsByTagName("sup");

  if(sup[0].innerText ==="Child Text"){
    data.push(spans[i].innerText);
  }
}

console.log(data);