Data Attribute

by ChrisStanyon

HTML

<div id="added_students">
<ul>
    <li data-value="8000-2734">John</li>
    <li data-value="8000-2234">Mary</li>
</ul>
</div>

<button id="clickMe">Show the Values</button>

JavaScript

$('#clickMe').click(function() {
    var optionVals = [ ];

    $("div#added_students ul li").each(function() {
        optionVals.push($(this).data('value'));
    });

    alert(optionVals);
});