javascript - 删除 <div> 和 <p> 标签

Question

我有以下 HTML 代码。

<ul class="system_messages">
    <li class="green">
        <span class="ico"></span>
        <strong class="system_title">
            <div class="ui-widget actionMessage">

                <!--The following <div> along with <p> is required to be removed-->

                <div class="ui-state-highlight ui-corner-all" style="padding: 0.3em 0.7em; margin-top: 20px;"> 
                    <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: 0.3em;"></span>
                        <span>Updation at id 33 has been made successfully.</span></p>
                </div>

            </div>
        </strong>
    </li>
</ul>

我需要删除评论中指定的标签<div>和<p>但有两个子标签 <div>即两个<span>不应删除标签。这可能吗？

_{最外面<div>标签 ( <div class="ui-widget actionMessage"> ) 是动态生成的。}

Answer 1

您可以使用 JavaScript 或 jQuery 吗？如果是这样，jQuery 解决方案可能如下所示:

$('span.ui-icon.ui-icon-info').unwrap().unwrap();