向div添加事件侦听器，以便在div变为空(没有子)时执行事件

Question

我的目标如下:创建一个将绑定到div的侦听器，如果该div中没有子元素，它将启动。

我一直看到如何绑定侦听器说onClick等。但我似乎找不到任何人处理元素的实际状态(空的，至少一个孩子，等等…)． 我还没有开始编写任何代码，因为我不确定我需要采取什么样的方法，因为我对JavaScript开发非常陌生。我不一定是在寻找一个答案与代码，但更多的建议采取什么方法。

我正在考虑的方法之一是每次我对div进行更改时都简单地调用函数，例如删除子元素，但这似乎太微不足道了。我想在这个过程中创建一些自动检查是否有子节点

Answer 1

当元素被移除时触发remove事件

$(el).on("remove", function () {
    alert("Element was removed");
});

您可以使用live(如果它们是动态附加到父容器)或on(如果静态)方法绑定此事件到特定容器的子节点，并在每个remove事件检查父容器是否有任何子节点。

Answer 2

您不能为div元素分配侦听器来检查该元素是否没有子元素(在不知道哪个函数正在删除子元素的情况下自动执行，但只知道删除了一个子元素)。当然你可以用一个函数每隔几秒检查一次，但这不是我想要的。无论如何，在我删除子元素的地方，我只是添加了一个函数来检查父元素是否没有子元素，并在那里处理它。