使用jquery / javascript检查是否存在任何子节点

Question

我有一个带有div，p和span标签的DOM结构。 我想用子节点计算'p'标签，没有任何子节点。 我在这个论坛上阅读了一个解决方案，但它对我不起作用： 如何在Javascript中检查元素是否有子节点？ 。 小提琴演示

$('#test').blur(function(){
    var test= $('.check p').filter(function (){
    if ($(this).childNodes.length > 0)
        return this
    });
    alert(test.lenght)
})

Answer 1

它应该是

$('#test').blur(function(){
    var test= $('.check p').filter(function (){
        return this.childNodes.length > 0; // as HMR pointed out in the comments if you are looking for child elements then $(this).children().length will do
    })

    alert(test.length)
})

演示： 小提琴

Answer 2

你试过这个吗？

$('p:empty')

应该选择所有空的p标签。

$('p').not(':empty')

应该选择所有非空p标签。

Answer 3

这里： http ： //jsfiddle.net/QN3aM/9/

$('#test').blur(function () {
    var test = $('.check p').filter(function () {
        return ($(this).children().length)
    });
    alert(test.length);
})

你只需要在过滤器中返回true ，0是一个假值，其他任何东西都是真的。 你也拼错了长度。

childNodes是元素的属性。 当你将元素转换为jquery对象时，你必须使用jquery方法children()