Replace http:// in anchor portion of links using Jquery

Question

Hi, on a page there a several links of:

<a class="linked" href="http://link1.com&gt;http://link1.com&lt;/a&gt;

<a class="linked" href="http://link2.com&gt;http://link2.com&lt;/a&gt;

How would one remove the second http:// in each link so it can't be seen on the screen.

I've tried this to no avail:

$(document).ready(function() {

$('.linked').html().replace("http://","");

Answer 1

If you are talking about the visible text in an anchor tag

$.each($('.linked'), function()
{
  var anchor = $(this);
  anchor.text( anchor.text().replace("http:\/\/",'') )
}

Answer 2

Just for the record, the jQuery-less version:

var links = document.links;
for(var i = links.length; i--; ) {
    with(links[i]) {
        if(/(^|\s)linked(\s|$)/.test(className)) {
            firstChild.nodeValue =
                firstChild.nodeValue.replace(/^http:\/\//, '');
        }
    }
}