Erhalten Sie benutzerdefinierte Eigenschaft von einer Schaltfläche mit Javascript

Question

Ich habe diese Schaltfläche in HTML, mit einer Eigenschaft von mir definiert auf sie (Daten-Filter-params):

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

Wie kann ich mit JavaScript \ JQuery nehmen die Wert für den Datenfilter-params

Answer 1

Dies sollte es

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

JSfiddle lösen: https://jsfiddle.net/mayank_shubham/3k97gg9k/

Answer 2

Ebene JavaScript

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

jQuery

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

Answer 3

Es ist sehr einfach,

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)