Home/ Questions/Q 7908925
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T12:09:25+00:00

http://jsfiddle.net/VTD9P/2/ $(button).click(function(){ $(body).append(‘<div class=vidminclose>X</div>’); }); $(.vidminclose).click(function(){ $(this).remove(); }); ​ ​why is it when i

  • 0

http://jsfiddle.net/VTD9P/2/

$("button").click(function(){
    $("body").append('<div  class="vidminclose">X</div>');
});
$(".vidminclose").click(function(){
    $(this).remove();
});

​
​why is it when i click the div.miniclose it is that it wont remove… and what is a way of getting around it. and i have looked at similar questions but i can’t seem to fit their solutions to fix my problem.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    .vidmeclose does not exist to have the click event bound to it when .click is fired since it is appended to the DOM later. You need to do one of two things (and this also depends on your jQuery version).

    Solution #1

    $("#button").click(...
    $("body").append(...
    $(".vidmeclose").click(...

    http://jsfiddle.net/VTD9P/4/

    Solution #2

    $("button").click(...

$("body").on('click', '.vidmeclose', function () ...

    Note that it could be useful to use a more specific selector in the second example, if it’s available.

    http://jsfiddle.net/VTD9P/5/

    • 0