使用Javascript从按钮获取自定义属性

Question

我在HTML中有这个按钮，上面有我定义的属性（data-filter-params）：

<button class="button" type="submit" data-filter-params="{'Type', 'Filter.Type'},{'Code','Filter.Code'}" >Filter</button>

如何使用JavaScript \ JQuery获取data-filter-params的值

Answer 1

普通javascript

var btn = document.getElementsByClassName('button')[0];
console.log(btn.dataset.filterParams)

的jQuery

console.log($('.button').data('filter-params'));

Answer 2

这应该解决它

var value
$(function(){
   value = $('button').attr('data-filter-params')
})

JSfiddle：https://jsfiddle.net/mayank_shubham/3k97gg9k/

Answer 3

这很容易，

HTML：

<button id="btnSubmit" class="button" type="submit" data-filter-params="{'Type', 'Filter.Type'},{'Code','Filter.Code'}" >Filter</button>

jQuery的：

var attr = $('#btnSubmit').attr('data-filter-params');

alert(attr)