使用数据属性和 javascript 为类中的链接设置操作答案

【问题标题】：Setting action for links in a class usinv data-attributes and javascript使用数据属性和 javascript 为类中的链接设置操作
【发布时间】：2019-08-26 03:58:43
【问题描述】：

我想设置链接以在点击时执行一些不同的操作，所有操作都取决于一个属性。我的想法是做类似的事情

<a class='biglink' data-attrib='attr'></a>

并在执行的操作时自动显示一个链接。我尝试在末尾添加 javascript 为

<script>
    $('.biglink').each(function(){
    var tar = '#' + $(this).data('attrib');
    $(this).setAttribute('href',tar);
    $(this).innerHTML = 'Link to ' + $(this).data('attrib');
    });
</script>

但它似乎没有做任何事情。有什么解决方法吗？

【问题讨论】：

标签： javascript jquery hyperlink

【解决方案1】：

setAttribute() 和 innerHTML 是原生 JavaScript 的方法和属性。使用 jQuery 时使用.attr() 和.html()：

$('.biglink').each(function(){
  var tar = '#' + $(this).data('attrib');
  $(this).attr('href', tar);
  $(this).html('Link to ' + $(this).data('attrib'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class='biglink' data-attrib='attr'></a>

【讨论】：