Как получить доступ к значению атрибута данных в jquery (cash-dom)?

Question

Я пользуюсь webpack и data-cash. У меня есть ссылка с атрибутом данных, к которому я хочу получить доступ. HTML:

<a class="myBtn" data-article="some value">
   <div>some text here</div>
</div>

Javascript:

  $('.myBtn').on('click', (e) => {
    const articleData = $(e.currentTarget);
    console.log(articleData);

    modal.style.display = 'block';
    e.preventDefault();
  });

Код выше возвращает

Cash [a.myBtn]

Как получить доступ к значению атрибута данных (статьи)?

Answer 1

Мое решение выглядит так:

  $('.myBtn').on('click', (e) => {        
    const articleData = $(e.currentTarget);
    articleData.attr('data-article')
    console.log(articleData.attr('data-article'));           
    e.preventDefault();
  });

Answer 2

Попробуйте с $(this).data('article') внутри прослушивателя событий. Для этих целей в jQuery есть функция .data () .

РЕДАКТИРОВАТЬ: Прилагается Скрипка .

Для cash-dom jQuery вы должны использовать .attr () вместо .data(). В соответствии с их документами вы можете получить свой атрибут data-article, выполнив $(element).attr('data-article').