Remove div with specific class excluding children content.

[Ivan_10]

I have this:

    <div class="to_remove">
    <div class="widget widget-list">
    <div class="panel panel-default">
    <div class="panel-heading bold">Menu</div>
    <div class="panel-body">
      content
    </div>
    </div>
    </div>
  </div>

I need preg_replace to edit like this:

        <div class="widget widget-list">
        <div class="panel panel-default">
        <div class="panel-heading bold">Menu</div>
        <div class="panel-body">
          content
        </div>
        </div>
    </div> 

I need to remove <div class="to_remove"></div> but the content between tags must be stay.

[jkon]

In your example you open 5 – five divs (you have five <div>) and you close 4- four divs (you have </div>), what exactly is it ? . If it were all nice and clean its quite simple:

Html:

    <div class="to_remove">
        <div class="widget widget-list">
            <div class="panel panel-default">
                <div class="panel-heading bold">Menu</div>
                    <div class="panel-body">
                    content
                    </div>
                </div>
            </div>
        </div>
    </div>  

JavaScript:

        var $children = $(".to_remove").children();
        $children.insertBefore(".to_remove");
        $(".to_remove").remove();

I don't think that I should also point the inconsistency in css class names (e.g. - in widget-list but _ in to_remove also it is a panel why should be “panel panel-default” and not just “panel default” ?)

[rproffitt]

That tag, is it from PHP? http://php.net/manual/en/function.preg-replace.php

I suggest you avoid tags like that and use PHP for the tag then supply ypur PHP code and where you are stuck

[Ivan_10]

Anyone else ?