提取數據值超出使用jQuery

Question

股利如果我有一個div，看起來像這樣：

<div class="random" data="20">Random</div> 

我可以使用jQuery輸出該數據值呢？我已經搜索，但沒有運氣...

Answer 1

你可以試試這個。

<div class="random" data-value="20">Random</div> 

$('.random').data('value'); 

Answer 2

您可以使用jQuery .attr來獲取屬性的值。

$('.random').attr('data'); 

Answer 3

當您使用數據（）的jQuery的功能，讀取帶有前綴「數據 - 」這些屬性，所以你需要與你的數據的鍵/名稱來限定於此，像「數據myvalue的」。然後你只需通過密鑰來檢索值。

<div class="random" data-myvalue="20">Random</div> 

$(".random").data("myvalue"); 

或者您可以使用attr（）函數並傳遞整個屬性名稱。 data（）函數的優點是它會自動將值分析爲適當的類型。所以你的例子會返回一個整數。

Answer 4

寫在你的JS文件

$(document).ready(function(){ 
var getdiv= $('.random'); 
console.log(getdiv.attr('data')); 
console.log(getdiv[0].innerText); 
}) 

這裏是小提琴http://jsfiddle.net/gjx0eepL/

希望你想這只是