jquery - 使用 Jquery 获取 HTML 数据属性的值

Question

我有一个 click 函数，它传递以下 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());
 }