Replace one attribute with another using jQuery

Question

Using jQuery and given this

<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

I want to grab the links with a attribute of "external". Use the value of the external attribute to update the href.

So link 1 and 3 should end up pointing to stackoverflow.com and google.com respectively.

possible duplicate of jQuery get element's attribute 'loop'

Felix Kling
– Felix Kling

2012-02-10 11:27:57 +00:00
Commented Feb 10, 2012 at 11:27 — Felix Kling
– Felix Kling, Commented Feb 10, 2012 at 11:27

osahyoun · Accepted Answer · 2012-02-10 11:26:10Z

11

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

answered Feb 10, 2012 at 11:26

osahyoun

5,2312 gold badges19 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jamjam Over a year ago

Perfect. Just what I needed. Will accept your answer after 9 minutes.

Brian Mains · Accepted Answer · 2012-02-11 02:17:55Z

1

Put this in $(document).ready body:

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

edited Feb 11, 2012 at 2:17

Brian Mains

50.8k35 gold badges155 silver badges260 bronze badges

answered Feb 10, 2012 at 11:28

Michal B.

5,7187 gold badges45 silver badges71 bronze badges

Collectives™ on Stack Overflow

Replace one attribute with another using jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related