SO - 23557685

by Arun P Johny

HTML

<ul class="effects-list">
    <li data-creative="1">Creative</li>
    <li data-uplifted="3">Uplifted</li>
    <li data-energetic="3">Energetic</li>
</ul>

JavaScript

$(function () {

    var effectData = $('.effects-list li');
    var creative = effectData.filter('[data-creative]').data("creative");
    var uplifted = effectData.filter('[data-uplifted]').data("uplifted");
    var energetic = effectData.filter('[data-energetic]').data("energetic");



    console.log(creative);
    console.log(uplifted);
    console.log(energetic);

});