Узнать количество дочерних элементов?

Question

[mydarck]

Известно, что для получения количества дочерних элементов используется конструкция:
$(".elClass").children('.column').length
В результате мы получаем число дочерних элементов с классом "column" в родителе с классом "elClass". Если в документе есть несколько элементов с классом "elClass" то подобная конструкция вернет обще количество элементов с классом "column".
Задача получить количество "column" в текущем родители.
Пример:

<ul>
  <li>
    <ul class="elClass">
      <div class="column"></div>
      <div class="column"></div>
   </ul> 
  </li>
  <li>
    <ul class="elClass">
      <div class="column"></div>
      <div class="column"></div>
      <div class="column"></div>
   </ul> 
  </li>
  <li>
    <ul class="elClass">
      <div class="column"></div>
   </ul> 
  </li>
<ul>

Answer 1

[Алексей Уколов]

$(".elClass").each(function () {
  $(this).find('.column').length;
})

Answer 2

[GreatRash]

Для начала внутрь <ul> нельзя вставлять <div>...

Comments

[mydarck]

Это если Вы оставляете ul строчным элементом или div блочным. Тогда внутри строчного будет блочный элемент - это ошибка. Иначе же грубой ошибки не будет.

[mydarck]

Представьте, в данном примере вместо "div" - "p" и попробуйте ответить на вопрос. Если не сложно, конечно.

[GreatRash]

mydarck: Это, прежде всего, семантическая ошибка.

[mydarck]

Это действительно для Вас так принципиально? Тогда можете не утруждать себя ответом.

[oloref]

mydarck, действительно важное замечание в данном вопросе, мне кажется, что, в данном случае, даже может сыграть ключевую роль в ответе на ваш вопрос. Что уж там говорить, мне кажется бенгальских тигров после этого стало больше