Как работать с data-* аттрибутами?

Question

[Макс Бриллиант]

У меня есть в цикле ссылки у ссылок дата аттрибуты, к примеру data-date, data-title и т.д.

Мне нужно по клику на ссылку, чтобы данные этой же ссылки брались и вставлялись куда мне нужно, но это не работает. Как исправить?

jQuery(function($){
									$('.email__button-click').click(function(){
										let email = $(this);
										//let email = document.getElementById( 'email__button-click' );
										id = email.dataset.test;
										alert(id);
									});
								});

Где закомментировано, работает. т.к. указываю класс в ручную, а когда использую this, отказывается работать. Выдает ошибку test, т.е. название дата data-test

Answer 1

[Rsa97]

Потому что email у вас не Node, а объект jQuery. Соответственно, работать с ним надо либо средствами jQuery email.data('test'), либо преобразовав в Node email[0].dataset.test

Answer 2

[Александр Соболев]

jQuery(document).find('.email__button-click').each(function(){        
        jQuery(this).on("click", function(){
            var needle_atts = ['date','title']; var data_ = [];  var elm = jQuery(this);
            jQuery.each(needle_atts, function(k,v){ data_[v] = elm.attr(`data-${v}`); console.log(v) });
            console.log(data_);
        });
    });