检查元素是否有孩子？

Question

我试图从DOM中删除一个元素，如果它不包含任何元素。

以下是我的尝试：

var numChildren = 0;
$("#messages").children().each(function () {
    numChildren += 1;
});
if (numChildren <= 0) {
    $("#messages").slideUp("normal", function () { $(this).remove(); });
}

Answer 1

var messages = $('#messages');
if (messages.children().length < 1) {
    messages.slideUp('normal', function () { $(this).remove(); });
}    

不要忘记，这会从DOM中删除messages div。

Answer 2

您也可以简单地使用$("#messages:empty").remove();，但您需要修剪空格以使元素真正为空。