Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
 <div class="container">
   <br>
<div id="DivToBeRemoved">
  DIV TO BE REMOVED<p>i am p (within div)
  <br><br><span>i am span (within div)</span></p>
</div>
  </div>
<button onclick="RemoveDiv();">Click here to remove div above</button>
 
  
</body>
</html>
 
$.cleanData = ( function( orig ) {
    return function( elems ) {
        var events, elem, i;
        for ( i = 0; ( elem = elems[ i ] ) != null; i++ ) {
            try {
                // Only trigger remove when necessary to save time
                events = $._data( elem, "events" );
                if ( events && events.remove ) {
                    $( elem ).triggerHandler( "remove" );
                }
            // Http://bugs.jquery.com/ticket/8235
            } catch ( e ) {}
        }
        orig( elems );
    };
} )( $.cleanData );
  $("#DivToBeRemoved").on("remove", function () {
        console.log("div was removed");
    });
$("p").on("remove", function () {
        console.log("p was removed");
    });
$("span").on("remove", function () {
        console.log("span was removed");
    });
 // $("span").off("remove");
    $("#DivToBeRemoved").on("click", function () {
        console.log("Div was clicked");
    });
    function RemoveDiv() {
//       $("#DivToBeRemoved").parent().html("");    
       $("#DivToBeRemoved").remove();
    }
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
Legends77pro
0viewers