Detecting anchor tag on hyperlinks

[swiltch]

Hey guys,

I'm currently using the following piece of script to add an anchor tag to URL's when they are fed into a page dynamically

jQuery.fn.mailto = function () {
  return this.each( function() {
    var re = /(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim;
    $(this).html( $(this).html().replace( re, '<a href="$1" target="_blank">$1</a>' ) );
    var re = /(([a-z0-9*._+]){1,}\@(([a-z0-9]+[\-]?){1,}[a-z0-9]+\.){1,}([a-z]{2,4}|museum)(?![\w\s?&.\/;#~%"=\-]*>))/g;
    $(this).html( $(this).html().replace( re, '<a href="mailto:$1">$1</a>' ) );
    var re = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
    $(this).html( $(this).html().replace( re, '$1<a href="http://$2" target="_blank">$2</a>' ) );
});
};

This works fine, BUT the problem I'm having is that some links that are being fed into the page are already active (have the anchor tag already attached to them). This code then adds another anchor tag, which causes problems on the page.

I'm looking for some help in modifying this code to detect that if a URL already has anchor tag then leave it alone, but if it doesn't then add it on so it becomes clickable. This code is adding the anchor tag to hyperlinks with the anchor already in place...

I think this should be quite simple with the use of an if statement but I can't get my head around it.

Any help is really appreciated!

[WolfShade]

str.indexOf("<a")

If the value is -1, the anchor tag is not there; if it is 0 or greater, it is.

[rnd me]

return this.each( function() {

should be

return this.each( function() { if(this.tagName.toLowerCase()=="a"){return; }