如何在jquery(cash-dom)中访问数据属性值?

时间:2019-01-14 17:56:50

标签: javascript jquery attributes

我使用webpack和数据现金。我有一个要访问的data属性链接。 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]

如何访问data属性的值(文章)?

2 个答案:

答案 0 :(得分:0)

在事件监听器中尝试使用$(this).data('article')。 jQuery为此目的提供了 .data() 函数。

编辑:附加了Fiddle

对于Cash-dom jQuery,您应该使用.attr()而不是.data()。根据他们的文档,您可以通过执行data-article来获得$(element).attr('data-article')属性。

答案 1 :(得分:0)

我的解决方案如下:

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