jquery 获取数据标签并用它做点什么

Question

我有这个结构：

<ul>
  <li data-tag="one" class="hovering">something</li>
  <li data-tag="two">something else</li>
  <li data-tag="two">something else</li>
</ul>

我需要的是在变量中存储 <li> 的 data-tag 值 hasClass("hovering") - 我希望警报打印 "one".

我一直在尝试各种或多或少围绕此展开的不同内容：

var theActiveData = function() {
    $('ul li.hovering').attr("data-tag");
}
alert(theActiveData);

但我无法让它工作

Answer 1

您必须像这样使用 jquery data() 函数：

var theActiveData = function() {
return($('ul li.hovering').data("tag"))
}
alert(theActiveData());

Answer 2

你忘了return

var theActiveData = function() {
    return $('ul li.hovering').attr("data-tag");
}
alert(theActiveData);

Answer 3

您需要调用警报中的函数并将函数设置为实际 return 值。

var theActiveData = function() {
    return $('ul li.hovering').attr("data-tag");
}
alert(theActiveData());

jquery get a data-tag and do something with it