JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem <span class="tooltip" data-tooltip-index="0">ipsum</span> dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis <span class="tooltip" data-tooltip-index="1">nostrud</span> exercitation ullamco laboris nisi ut <span class="tooltip" data-tooltip-index="2">aliquip</span> ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="tooltip" data-tooltip-index="3">Excepteur</span> sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

CSS

span 
{
background-color: yellow;    
}

JavaScript

var Data = [
    {
        "desc": "description #1"
    },
    {
        "desc": "description #2"
    },    
    {
        "desc": "description #3"
    },
    {
        "desc": "description #4"
    }
];

$( document ).tooltip({
	items: ".tooltip",
    content: function () {
        var index = $(this).attr("data-tooltip-index");
        return Data[index].desc;
    }
});