JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a class="jp-playlist-item" href="#">Track 1</a></li>
    <li><a class="jp-playlist-item" href="#">Track 2</a></li>
    <li><a class="jp-playlist-item" href="#">Track 3</a></li>
</ul>

JavaScript

function Playlist(){
    this.add = function(track){ console.log(track.title + ' was added') };
}

var trackData = [
                    {title: 'Stuck in a groove', artist: 'Puretone'},
                    {title: 'Addicted To Bass', artist: 'Puretone'},
                    {title: 'Hypersensitive', artist: 'Puretone'}
                ],
    trackElements = $("a.jp-playlist-item"),
    myPlaylist = new Playlist();

$.each(trackData, function(index, newTrack){
    myPlaylist.add(newTrack);
    $(trackElements[index]).attr("rel", index);
});