獲取HTML數據的值與jQuery

Question

屬性我有通過下面的DOM爲這個點擊功能：

<span class="tcloud label label-large label-primary" data-c="1" data-n="environment"> 
         environment 
         </span> 

我如何使用jQuery選擇HTML5的數據屬性的值？

$(document).ready(function() { 
    $('span.tcloud').click(

    function() { 
    console.log(this) // returns the above dom 
    console.log($(this)) // returns an error 
    console.log(this.data("data-c")) // returns Uncaught TypeError: Object #<HTMLSpanElement> has no method 'data' 

Answer 1

就個人而言，我只是用

var values = $("element").attr("data-c"); 

Answer 2

您可以通過以下方式使用ID獲得的價值。

$('span.tcloud').click(

    function() { 
     console.log($('#element').val()); 
}