How to remove hyper link from html method

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, Oct 03 '14 at 13:59

Alex Char · Accepted Answer · 2014-10-03T14:05:23.857

1

You can use jquery .replaceWith()

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

fiddle

edited Oct 03 '14 at 14:05

answered Oct 03 '14 at 13:59

Alex Char

32,879
9
49
70

A lot better than the original answer you had. – epascarello Oct 03 '14 at 14:15
@epascarello original answer was cause i thought he want to remove `a` element. – Alex Char Oct 03 '14 at 14:16
Hi Alex I want this final out in one variable with same format. I will use that variable in print functionality – SPN Oct 06 '14 at 13:27

score 1 · Answer 2 · answered Oct 03 '14 at 14:05

1

Loop through and use replaceWith or use the function in replaceWith

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

answered Oct 03 '14 at 14:05

epascarello

204,599
20
195
236

score -3 · Answer 3 · edited May 23 '17 at 12:05

-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 '17 at 12:05

Community

1
1

answered Oct 03 '14 at 14:03

Pete Matthews

90
6

You should add comment to mark the question as duplicate... – DaniCE Oct 03 '14 at 14:06
You should never use a regular expression on HTML – epascarello Oct 03 '14 at 14:09

How to remove hyper link from html method

3 Answers3