подсчет количества Чайлдс в DIV с JQuery

Question

<div class="post-content"> 
    <p>xxxxx</p> 
</div> 
<div class="post-content"> 
    <p>Test1</p> 
    <p>Test2</p> 
    <p>Test3</p> 
</div> 

---

$(document).ready(function() { 
    $('.post-content').each(function() { 
     //alert($(this).children.length); 
     alert($(this).length); 
     console.log($(this).html()); 
    }); 
}); 

http://jsfiddle.net/7cXKr/

длина должна быть числом р Чайлдс пост-контента. почему вывод неправильный?

В этом случае 1 и 3

Answer 1

children является методом , вы должны называть его:

alert($(this).children().length); 
// call the method ^^ 

Обновлено DEMO

---

$(this).length всегда будет возвращать 1, потому что с this является DOM элемент, $(this) создает выделение с одним элементом.

Answer 2

Попробуйте .children()

fiddle Demo

$(document).ready(function() { 
    $('.post-content').each(function() { 
     var count = $(this).children().length; 
     alert(count); 
    }); 
}); 

---

для поиска только дети p длина

var count = $(this).children('p').length; 

---

Если вы хотите включить внук тоже использовать .find()

---

Проблему с кодом

alert($(this).length); 

относится к DOM элементу, так длина всегда будет 1

использование $(this).children().length

Answer 3

Поскольку контекст (это) является объектом JQuery вместо

$(this).length 

Вы можете использовать

$(this).children().length