如何使用JQuery使用HTML数据属性构建链接？

Question

我正在尝试为我的老板做一个有点过头的项目，并希望你可以帮助我。我已经阅读了所有以前看起来相关的问题，但我认为没有任何相关内容......或者如果它们是，我不明白答案。

我正在使用定义此属性的网页格式：     coerce

在页面的下方，我需要生成一个基于该变量的链接。喜欢：     data-action="sample-campaign"

我假设我需要一点点JQuery魔法吗？但我是一个JQuery初学者太多，无法自己解决这个问题。救命？提前谢谢！

Answer 1

这是一个小例子：http://jsfiddle.net/6zhqmpup/3/

<div data-action="sample-campaign">hello world</div>

var el = $('[data-action]');
var str = 'http://sum.org/a/'+el.data("action")+'/?sub=link';

el.html('<a href="' + str + '">' + str + '</a>');

或者如果您有多个包含data-action属性http://jsfiddle.net/6zhqmpup/4/

的元素

<div data-action="sample-campaign">hello world</div>
<div data-action="xxx-xxx">xxx</div>
<div data-action="yyy-yyy-yyyy">xxx</div>

$('[data-action]').each(function(e){
    var str = 'http://sum.org/a/' + $(this).data('action') + '/?sub=link';
    $(this).html('<a href="' + str + '">' + str + '</a>');

});