Замените один атрибут другим, используя jQuery

Question

Используя jQuery и учитывая это

<ul>
<li>
<a external="http://stackoverflow.com" href="home.htm">Link 1</a>
</li>
<li>
<a href="about.htm">Link 2</a>
</li>
<li>
<a external="http://google.com" href="contact.html">Link 3</a>
</li>
</ul

Я хочу получить ссылки с атрибутом "external".Используйте значение внешнего атрибута для обновления href.

Так что ссылки 1 и 3 должны в итоге указывать на stackoverflow.com и google.com соответственно.

Answer 1

$('a[external]').each(function(i, el){
  $(el).attr('href', $(el).attr('external'));
});

Answer 2

Поместите это в $(document).ready тело:

$('li a[external]').each(function() {
   var ext = $(this).attr('external');
   $(this).attr('href', ext);
});