jQuery - 如何获取数据名称？

Question

我有很多带有“数据值”属性的 div。但只有一个类名为“.selected”。我需要用两者制作选择器。数据 + 类名。

如何使用数据属性和类名制作选择器？

HTML

<div data-value="x">Click Me!</div>
<div data-value="y">Click Me!</div>
<div class='selected' data-value="z">Click Me!</div>
<div data-value="w">Click Me!</div>

jQuery

alert( $("div[data-value] .selected").data('value') );  // this is wrong way...

Answer 1

获取data属性有两种方式：

$(".selected").attr('data-value');  // It works for all type of custom attribute

或者

$(".selected").data('value');  // This one is specially for data attribute