使用 Javascript 将 href 属性替换为 data-href 属性

Question

如何为页面中的每个“a”标签执行此操作。我的目标是将其用于 Google 搜索结果以访问没有 google 重定向的结果（在 href 属性中使用），因为实际链接存储在 data-href 属性中。所以使用 Tampermonkey 和以下脚本不起作用，我不知道为什么：

$('body').append('<input type="button" value="Fix Href Attributes" id="GG">');
$("#GG").css("position", "fixed").css("top", 18).css("left", 770);   

$('a').each(function(){
                var $currentA = $(this);
                var dataHref = $currentA.attr('data-href');
                $currentA.attr('href',dataHref);
            });

我该怎么做？

Answer 1

你更新元素的代码是正确的，你只是太早了。响应被点击的按钮触发它：

$('body').append('<input type="button" value="Fix Href Attributes" id="GG">');
$("#GG").css("position", "fixed").css("top", 18).css("left", 770).on("click", function() {
    $('a').each(function() {
        var $currentA = $(this);
        var dataHref = $currentA.attr('data-href');
        $currentA.attr('href', dataHref);
    });
});

---

当然，你没有理由需要给它一个 ID 并在附加它后查找它：

$('<input type="button" value="Fix Href Attributes">')
    .css({
        position: "fixed",
        top: 18,
        left: 770
    })
    .on("click", function() {
        $('a').each(function() {
            var $currentA = $(this);
            var dataHref = $currentA.attr('data-href');
            $currentA.attr('href', dataHref);
        });
    })
    .appendTo(document.body);