data attributes

by Akram kamal

HTML

<input type="button" class="myButton1" value="click me" data-productId="abc1"/>
<input type="button" class="myButton2" value="click me" data-product-id="abc2"/>
<input type="button" class="myButton3" value="click me" data-PRODUCT-ID="abc3"/>
<input type="button" class="myButton4" value="click me" data-ProDUctId="abc4"/>

JavaScript

console.log($('.myButton1').data('productid'));
console.log($('.myButton2').data('productId'));
console.log($('.myButton3').data('productId'));
console.log($('.myButton4').data('productid'));