Замена атрибута href атрибутом data-href с помощью Javascript

Question

Как это сделать для каждого тега 'a' на странице. Моя цель - использовать это для результатов поиска Google для доступа к результатам без перенаправления google (используется в атрибуте href), поскольку фактическая ссылка хранится в атрибуте data-href. Таким образом, используя Tampermonkey со следующим сценарием не работал, и я знаю, почему don'k:

$('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);