如何获取数据集值

Question

<div id="story">
<p data-x="0">lorem ipsum...</p>
<p data-x="3">lorem ipsum...</p>
<p data-x="10">lorem ipsum...</p>
</div>

js

$("#btnleft").click(function(){
    var part = 1;
    var a = $("#story > p").eq(part);
    var b = a.dataset["data-x"];
    console.log (b);
});

我希望结果是 3，但控制台显示： Cannot read property 'data-x' of undefined

Answer 1

eq returns jQuery 对象。您需要使用 $.data() 函数。例如：

$("#btnleft").click(function(){
    var part = 1;
    var $a = $("#story > p").eq(part);
    var b = $a.data('x');
    console.log(b);
});

Answer 2

jquery 对象中没有名为 'dataset' 的属性。您需要通过更改

来提取 data-attribute

 var b = a.dataset["data-x"];

至

var b = a.data("x"); 

// or 

var b = a.attr("data-x");

how to get dataset value