JSFiddle - React, Tailwind, and code Playground

by Serge Zahharenko

HTML

<ul>
<li> <a data-season="Designer Profiles" data--link="123" data-video-link="1233">Nr1!</a></li>
 <li> <a data-season="Spring/Summer 2014" data-Runway-link="abc" data-video-link="abc"> 3.1 Phillip Lim</a></li>
 <li> <a data-season="Spring/Summer 2014" data-Runway-link="abc" data-video-link="abc"> Acne Studios</a></li>
 <li> <a data-season="Spring/Summer 2014" data-Runway-link="abc" data-video-link="abc"> Aigner</a></li>
 <li> <a data-season="Spring/Summer 2014" data-Backstage-link="abc" data-video-link="abc"> Alexander McQueen</a></li>
 <li> <a data-season="Spring/Summer 2014" data-Runway-link="abc" data-video-link="abc"> Alexander Wang</a></li>
</ul>

JavaScript

$(document).ready(function(){
    $('a').each(function(){
        var data = $(this).data();
        //how to use data
        $(this).append('<small style="color:#999;text-transform:uppercase;margin-left:20px;"> ' + data.season + '</small>');
        //log full data
        $(this).append('<br/><small style="color:green;">' + JSON.stringify(data) + '</small><br/><br/>');
    })    
    
})