返回data-football属性名称

Question

如果我有以下一段代码：

<button id="btnOne" data-football="Mitre">Press Me</button>

我如何获得数据标签的名称，所以在这种情况下，它将是'data-football'。我知道如何获得值，但我想知道当按下按钮时，如何获得data-tag的名称（在本例中为data-football）。

即,

$(document).on("click", "button", function(){
   // Get the name of the attribute (data-football - not the value);
});

多谢了。

Answer 1

可以使用attributes属性获取HTML标记的所有属性

<div id="_id" data-football='test'></div>

  <script>
        const attrs = document.getElementById('_id').attributes
  </script>