ASP .NET - Removendo links com jQuery

ASP .NET - Removendo Links com jQuery

Você já precisou remover links de páginas e não sabia como fazer ?

Veja uma solução bem simples usando jQuery.

Nesta dica mostramos como remover links HTML de páginas HTML usando jQuery exibindo somente o texto.

Para alcançar este objetivo vamos usar a função .unwrap da API jQuery que remove os pais do conjunto de elementos correspondentes da DOM, deixando os elementos correspondentes em seu lugar.

fonte : http://api.jquery.com/unwrap/

Sintaxe: $(selector).unwrap()

Ex: Remove o elemento pai de todos os elementos <p>

$("button").click(function(){
$("p").unwrap();
});

Recursos usados

Visual Studio 2013 Express for Web
jQuery (versão usada 1.4.2)

Criando o web site ASP .NET

Abra o Visual Studio 2013 Express for Web e clique em New Web Site;

A seguir selecione a linguagem de sua preferência e o template ASP .NET Empty Web Site e informe o nome webSite_RemoveLinks;

No menu WEB SITE clique em Add New Item;

Selecione o template WebForm e aceite o nome padrão Default.aspx;

Entre as tags <head> da página inclua o código abaixo:

<head runat="server">
    <title>Remover Links com jQuery</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
    </script>
    <script type="text/javascript">
        $(function () {
            $('#btnRemoverLink').click(function () {
                $('a').contents().unwrap();
            });
        });
    </script>
     <style type="text/css">
         .auto-style1 {
             color: #9900FF;
             font-size: x-large;
         }
     </style>
</head>

No código acima definimos uma função jQuery que usa a função .unwrap() que irá remover os links.

Observe que estou fazendo uma referência ao jQuery usando o jQuery do Google CDN (Content Delivery Network). Além de ser gratuito não precisamos fazer o download do jQuery.

Outra vantagem é que o Google tem o jQuery distribuído geograficamente em vários servidores, dessa forma, quando um navegador requisita uma URL para a biblioteca jQuery o arquivo será baixado do servidor do Google mais próximo da localização do usuário final.

Após isso inclua o código a seguir entre as tags <body> :

<body>
    <span class="auto-style1">Macoratti .net</span>
    <hr />
    <form id="form1" runat="server">
    <div>
    Links : <br />
    <a href="http://www.microsoft.com">Microsoft</a><br />
    <a href="http://google.com">Google</a><br />
    <a href="http://dotnetsquare.com">DotNetSquare</a><br />
    <a href="http://www.macoratti.net">Macoratti .net</a><br />
    <a href="http://www.macorattinet.nuvemshop.com.br">Loja Virtual Macoratti.net</a><br />
    <a href="https://www.facebook.com/Macoratti.net">Loja Virtual Macoratti.net no facebook</a>
    <br />
    <hr />
     Para remover os links clique no botão abaixo 
     <hr />
    <br />
    <input id="btnRemoverLink" type="button" value="Remover Links" />
    </div>
    </form>
</body>

Na página Default.aspx clicando no guia Design iremos visualizar o seguinte leiaute da página: