Переключить ссылку, чтобы сделать кликабельную/unclickable

Question

Я успешно сделал ссылки кликабельными, но как я могу заставить их снова вернуться в свое незаменимое состояние?

HTML

<div id="links"> 
    http://google.com <br> 
    http://facebook.com <br> 
    http://youtube.com 
</div> 
<button>Toggle!</button> 

JavaScript

$.fn.replaceUrl = function() { 
    var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; 
    this.each(function() { 
     $(this).html(
      $(this).html().replace(regexp,'<a href="$1">$1</a>') 
     ); 
    }); 
    return $(this); 
} 

$('button').click(function(){ 
    $('div').replaceUrl(); 
}); 

http://jsfiddle.net/6Zvs6/

Answer 1

Проверить эту скрипку: http://jsfiddle.net/2ttWS/

Код:

$.fn.replaceUrl = function() { 
    if($(this).find('a').length > 0) { 
     $(this).find('a').each(function() { 
      $(this).replaceWith($(this).text()); 
     }); 
    } 
    else { 
     var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; 
     this.each(function() { 
      $(this).html(
      $(this).html().replace(regexp, '<a href="$1">$1</a>')); 
     }); 
    } 
    return $(this); 
} 

Answer 2

Вы можете использовать это:

$.fn.removeHyperlink = function() { 
    var regexp = /<\/?a.*?>/gi; 
    this.each(function() { 
     $(this).html(
      $(this).html().replace(regexp,'') 
     ); 
    }); 
    linksShown = false; 
    return $(this); 
} 

Вот working example. Это не продвинутый, поэтому он может сломать некоторые сложные ссылки, но должен работать со всеми нормальными случаями.

Answer 3

Попробуйте

$.fn.replaceUrl = function() { 
    var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; 
    this.each(function() 
    { 
     if(($(this).html()).indexOf("href")!= -1) 
     { 
       var tx = ($(this).html()).split("</a>"); 
       var tmp=""; 
       for(var i=0;i<tx.length-1;i++) 
       { 
        if((tx[i].indexOf("href")!=-1)&&(tx[i].indexOf("<br>")==-1)) 
         tmp+=tx[i].split(">")[1]+" <br>"; 
      else 
       tmp+=tx[i].split(">")[2]+" <br>"; 
       } 

      $(this).html(tmp) 
     } 
     else 
     { 
     $(this).html(
         $(this).html().replace(regexp,'<a href="$1">$1</a>') 

     ); 
     } 
    }); 
    return $(this); 
} 

$('button').click(function(){ 
    $('div').replaceUrl(); 
});