如何将数据属性传递给函数？ [复制]答案

【问题标题】：How to pass data attribute into function? [duplicate]如何将数据属性传递给函数？ [复制]
【发布时间】：2017-05-18 18:20:24
【问题描述】：

有几个a 元素

<a class="gift-info" data-giftid="1" ...
<a class="gift-info" data-giftid="12" ...
<a class="gift-info" data-giftid="99" ...

如何获取data-giftid属性并将值传递给函数？

$(document).ready(function() {
    $("a.gift-info").click(function(){
        // how to pass data-giftid value into infoHide() function?
        var _id= ...
        infoHide(_id);
    });
});

【问题讨论】：

var _id= $(this).data('giftid');
$(this).attr('data-giftid')
或者...this.getAttribute('data-giftid') - 我认为这涵盖了它。或者你可以这样做：this.outerHTML.match(/(data-giftid=")(.*?)(")/g)[1]。有些人可能认为最后一种方法效率低。

标签： javascript jquery

【解决方案1】：

$(document).ready(function() {
   var $ele = $("a.gift-info");
  $.each($ele,function(index,element){
    element.click(function(){
        // how to pass data-giftid value into infoHide() function?
        var _id= $(this).attr('data-giftid')
        infoHide(_id);
    });
  
  }):
    
});

【讨论】：