jQuery - 从元素中去除 HTML 标签

本文转载自查看原文 2016-06-20 21:49 2434 【4】jQuery

有些情况下需要将 HTML 元素中包含的 HTML 标签去除。

代码如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>jQuery如何从元素中除去HTML标签</title>
        <link rel="stylesheet" type="text/css" href="../css/demos.css"/>
        <style type="text/css">
        </style>
    </head>
    <body>
        
        <h2 id="h2-caption">jQuery如何从元素中除去HTML标签</h2>
        <input type="button" id="id-button-striphtmltag" value="从元素中除去HTML标签"/><br>
        <div id="div-striphtmltag">
        <p>
            <table border="1" style="padding:2px;">
                <tr>
                    <td>1</td>
                    <td>jQuery</td>
                    <td>如何从元素中除去HTML标签</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>jQuery</td>
                    <td>如何从元素中除去HTML标签</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>jQuery</td>
                    <td>如何从元素中除去HTML标签</td>
                </tr>
            </table>
        </p>
        </div>
        <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            // 除去HTML标签
            ;(function( $ ){
                $.fn.stripHtmlTag = function(){
                    // 使用正则进行匹配
                    var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi;
                    this.each(function(){
                        $(this).html($(this).html().replace(regexp,''));
                    });
                    return $(this);
                }
            })( jQuery );
            
            $(function(){
                $('#id-button-striphtmltag').click(function(){
                    $('#div-striphtmltag').stripHtmlTag();
                });
            });
        </script>
    </body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 html中去除ul,li标签的样式列表标签的点？ php字符串中去除html标签 js中去除字符串中所有的html标签 jQuery拼接HTML标签元素如何在Html的CSS中去除

标签前面小黑点,和ul、LI部分属性方法 php去除html标签 JS如何去除 HTML标签 js去除html标签 jQuery获取动态产生的html内标签或元素 C#去除HTML标签