Check if any childnodes exist using jquery / javascript

Question

I have a DOM structure with div, p and span tags. I want to count the 'p' tags with children nodes and that without any children. I read a solution in this forum, but it doesn't work for me: How to check if element has any children in Javascript? . Fiddle demo

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

Answer 1

it should be

$('#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)
})

Demo: Fiddle

Answer 2

Did you try this ?

$('p:empty')

Should select all your empty p tags.

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

Should select all your non empty p tags.

Answer 3

Here: http://jsfiddle.net/QN3aM/9/

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

You just need to return true within filter, 0 is a falsey value and anything else will be truthy. also you spelt length wrong.

childNodes is a property of an element. as you were converting the element into a jquery object, you'd have to use the jquery method children()