在附加后使用JQuery删除DOM元素

Question

我尝试了很多方法，但是在点击之后我无法删除chat_box ..

$(".attribute").click(function(){
                var chatVal = "edit " + $(this).data("attr") + " then press enter",     
                chatDiv = "<input type='text' name='chat_box' value='' id='chat_box' placeholder='" + chatVal + "'></input>";

                $(this).append(chatDiv);
            });

$(document).click(function(){

                //how to remove??

            });

Answer 1

什么是$(".attribute")？如果是表单元素，则可以侦听模糊事件。

$(".attribute").on('blur',function() { $("#chatbox").remove(); });

Answer 2

将项目附加到DOM后，由于需要时间更新，因此无法立即远程访问该项目。尝试在setTimeout中包装删除代码。

$(document).click(function(){
   setTimeout(function () { $('#chat_box').remove(); }, 10);
});

除此之外，一切都很好。如果这不起作用，请设置一个jsfiddle以进一步演示该问题。