如何獲得數據集價值

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

沒有名爲'dataset'在一個jquery對象屬性。你需要通過改變

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

提取數據屬性 var b = a.data("x");或var b = a.attr("data-x");

Answer 2

EQ返回jQuery對象。您需要使用$ .data（）函數。 例如：

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