jQuery中使用find用於提取數據attr的價值

Question

我有一個按鈕

<button data-attr="x" data-attr-id="y" onclick="hello(this)">Hello</button> 

function hello(value) 
{ 
console.log(value); 
} 

這回我

<button data-attr="x" data-attr-id="y" onclick="hello(this)">Hello</button> 

我怎樣才能提取數據，ATTR和數據attr-的價值ID值的變量.....我認爲它使用jquery的find方法...有人可以幫助我得到正確的語法...謝謝

Answer 1

在你的代碼，沒有涉及jQuery。您只能通過使用getAttribute的JavaScript做到這一點：

只是改變：

console.log(value); 

有：

console.log(value.getAttribute("data-attr")); 
console.log(value.getAttribute("data-attr-id")); 

Answer 2

你可以這樣做：

function hello(element) { 
    console.log($(element).data('attr-id')); 
} 

Demonstration

但是當你使用jQuery，建議給JavaScript從HTML代碼中分離使用jQuery的功能結合：

<button id=hop data-attr="x" data-attr-id="y">Hello</button> 

<script> 
    $('#hop').click(function(){ 
     console.log($(this).data('attr-id')); 
    }); 
</script> 

Demonstration