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



Question:

on a page there a several links of:

<a class="linked" href="http://link1.com>http://link1.com</a>    <a class="linked" href="http://link2.com>http://link2.com</a>  

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://","");  


Solution: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:\/\/",'') )  });  

Missing ');' at the end...


Solution: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:\/\//, '');          }      }  }  

Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Previous
Next Post »