JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div_id">
    <span>some</span>
    <span>random</span>
    <span>values</span>
</div>

<div id="result"></div>

JavaScript

var arr = [];
$("#div_id span").each(function(index, elem){
    arr.push("span" +index+ "_" + $(this).text());
});
arr.join("|");

$("#result").text(arr.join("|"));