jquery - Jquery将href添加到包含javascript功能的链接

Question

正在寻找清理以下链接的方法：

    <a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img src="/images/Social%20Media/pinterest.png"/></a>

像这样的东西

<a id="pinterest><img src="/images/Social%20Media/pinterest.png"/></a>

和通过 Jquery 的 href 部分

Answer 1

我想你想要这个

HTML

<a id="pinterest" href="">
    <img src="/images/Social%20Media/pinterest.png"/>
</a>​

JS

$('#pinterest').attr("href","javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());");​

这里有一个例子。单击示例中的图像进行检查。

Answer 2

首先认为你必须做的是从你的链接中删除属性 href 似乎现在唯一的方法是通过元素名称来获取它，这可能不是最好的主意

$("a").removeAttr("href")

然后您可以将属性 ID 添加到您的链接

$("a").attr( "id" , "pinterest");

Answer 3

如果只是用 JS 更改链接：

$('a[href^="javascript:void((function()%7Bvar%20e="]').replaceWith('<a id="pinterest"><img src="/images/Social%20Media/pinterest.png"/></a>')​;

如果您已经有一个外部脚本，并且可以更改标记，只需将 HTML 更改为

<a id="pinterest"><img src="/images/Social%20Media/pinterest.png"/></a>

和：

$('#pinterest').on('click', function(e) {
    e.preventDefault();
    $.getScript('http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);
});

这是一个FIDDLE ->显示它有效吗？