Home/ Questions/Q 8356941
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T10:19:58+00:00

this is my code…append is working but removing is not working. how to remove

  • 0

this is my code…append is working but removing is not working. how to remove the appended div?

<html>
  <head>
    <script type="text/javascript">
      function view(){
        $('body').append('<div class="added"><p>something</p></div>');
      };
      function close(){
        $('.added').remove();
      } ;
    </script>
  </head>
  <body>
    <a onclick="view();">something</a>
    <a onclick="close();">close</a>
  </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Specify window.close in your html handler:

       <a onclick="window.close();">close<a>

    http://jsfiddle.net/ZTwd7/1/

    Otherwise close() refers to the native close method, which doesn’t do anything.

    Here’s how you would emulate it with a “javascript” (as opposed to inline html attribute) handler:

    elem.onclick = function(event) {
    with(Window.prototype) {
        with(document) {
            with(this) {
                close();
            }
        }
    }
};

    This is not exact reproduction (nor does it work in IE etc, that’s not the point) but it would put the .close in Window.prototype in front of the global window.close in the scope, so it shadows it. You can still refer to it explicitly with window.close().

    You should also totally drop the above and use jQuery instead:

    <a id="view">something<a>
<a id="close">close<a>

    JS:

    $(function() {
    $("#view").click(function() {
        $('body').append('<div class="added"><p>something</p></div>');

    });
    $("#close").click(function() {
        $('.added').remove();

    });
});​

    http://jsfiddle.net/ZTwd7/5/

    Making an ajax request that fetches a html file to be appended:

    $.get("myhtml.html", function(html) {
    $("body").append(html);
}, "html");
    • 0