javascript - 附加后使用 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")？如果它是一个表单元素，您可以监听 blur 事件。

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

Answer 2

将项目附加到 DOM 后，您不能立即远程远程它，因为它需要时间来更新。尝试将删除代码包装在 setTimeout 中。

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

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