Question

请仔细阅读以下代码并帮助我，如何从html方法中删除超链接。我希望在页脚内容变量中以HTML格式输出最终结果。

<!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>

Answer 1

您可以使用jquery .replaceWith()

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

fiddle

Answer 2

循环并使用replaceWith或使用replaceWith中的函数

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

Answer 3

正则表达式是你需要的......

取自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,""));

如何从html方法中删除超链接

3 个答案: