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標簽