How to remove hyper link from html method [duplicate]

Question

Please walk through below code and help me, how to remove hyper link from html method. I want final output in HTML format in footercontent variable.

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        var footercontent = $('footer').html();
        alert(footercontent); 
    });
    </script>
</head>
<body>

    <footer>
        <a href="#">Site Map</a> | <a href="#">Privacy statement</a> | <a href="#">Tutorials</a>
        <p>Fotoer contetn 1</p>
        <p>Footer content 2</p>
        <p>Footer content 3</p>
        <p>Footer content 4</p>

    </footer>

</body>
</html>

Do you want to make the links just text, or completely remove the existence of the links? — BReal14
– BReal14, Commented Oct 3, 2014 at 13:59

Alex Char · Accepted Answer · 2014-10-03 14:05:23Z

1

You can use jquery .replaceWith()

$("footer > a").replaceWith(function(){
    return $( this ).contents();
});

fiddle

edited Oct 3, 2014 at 14:05

answered Oct 3, 2014 at 13:59

Alex Char

33.2k9 gold badges51 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

epascarello Over a year ago

A lot better than the original answer you had.

Alex Char Over a year ago

@epascarello original answer was cause i thought he want to remove a element.

SPN Over a year ago

Hi Alex I want this final out in one variable with same format. I will use that variable in print functionality

epascarello · Accepted Answer · 2014-10-03 14:05:53Z

1

Loop through and use replaceWith or use the function in replaceWith

$("a").each(
    function() {
         var anc = $(this);
         anc.replaceWith(anc.text());   
    }
);

answered Oct 3, 2014 at 14:05

epascarello

208k20 gold badges206 silver badges246 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:05:49Z

-3

Regex is what you need...

Taken from Regex in Javascript to remove links

  mystr = "check this out <a href='http://www.google.com'>Click me</a>. cool, huh?";
alert(mystr.replace(/<a\b[^>]*>(.*?)<\/a>/i,""));

edited May 23, 2017 at 12:05

CommunityBot

11 silver badge

answered Oct 3, 2014 at 14:03

Pete Matthews

907 bronze badges

2 Comments

DaniCE Over a year ago

You should add comment to mark the question as duplicate...

epascarello Over a year ago

You should never use a regular expression on HTML

Collectives™ on Stack Overflow

How to remove hyper link from html method [duplicate]

3 Answers 3

3 Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

2 Comments

Linked

Related