jQuery - Get data attribute with jquery by Norlihazmey Ghazali

Using jquery to get data attributes for div

HTML

<div class="test"  data-value="11">Value 1</div>
<div class="test"  data-value="22">Value 2</div>
<div class="test"   data-value="33">Value 3</div>
<div class="test"  data-value="44">Value 4</div>
<div class="test"   data-value="55">Value 5</div>

CSS

.test {
    font-size:20px;
    padding: 20px 10px;
}

JavaScript

$(".test").click(function () {
    var dataValue = $(this).data('value');
    alert(dataValue);
    //alert($(this).attr('value'))
});