دسترسی به صفت داده ها با جاوا اسکریپت

در HTML 5 امکان ایجاد صفت ها (یا همان attributes) به صورت شخصی سازی شده وجود دارد
برای مثال :

// html

<a href="#" data-length="3m30s" data-category="pop">
wake me up Before You Go-Go
</a>

// JAVASCRIPT

<script type="text/javascript">
//pop
document.querySelector('a').getAttribute('data-category');
</script>

ولی راه بهتری برای انجام دادن این کار وجود دارد :

آن هم با استفاده از API ی Dataset هست

مرورگرهایی که از این امکان پشتیبانی می کنند عبارتند از :

IE 10, FIREFOX 6, CHROME 7, OPERA 11.1, SAFARI 5.1


شئ dataset  یا DOMStringMap ، لیستی از همه ی صفت های داده (data-attributes) با مقدارهایشان را بر می گرداند

در همان مثال قبلی داریم :

// HTML 

<a href="#" data-length="3m30s" data-category="pop"> 
Wake Me Up Before You Go-Go
 </a>

هر صفت های داده قابل دسترسی هست به این صورت :

//JAVASCRIPT

var link = document.querySelector('a');

link.dataset.length; // 3m30s

برای دسترسی به این داده ها در Jquery خواهیم داشت :

// JQUERY 

//contact
$('a:first').data('target');