Question

Current code.

 ------

        <div class="wrapper">
             <div class="page-1"></div>
             <div class="page-2"></div>
             <div class="page-3"></div>
        </div>
        <div class="wrapper">
             <div class="page-4"></div>
             <div class="page-5"></div>
             <div class="page-6"></div>
        </div>

------

//Jquery finds page-4 and removes whole wrapper element.

------
    <div class="wrapper">
         <div class="page-1"></div>
         <div class="page-2"></div>
         <div class="page-3"></div>
    </div>

------

I simply want that page-4, and its wrapper not the other wrappers.

Havn’t figured it out yet how to exact fix this prob.
Im open to any suggestions 🙂

Answer 1

You can use

$('.page-4').closest('.wrapper').detach(); or .remove()

Here is the working fiddle
http://jsfiddle.net/yUsqC/2/
This will remove only the parent wrapper not other wrappers.