У меня есть простой js script, который подсчитывает количество детей, которые имеют неупорядоченный список. Я пытаюсь изменить script, поэтому он не учитывает никаких дочерних элементов (li), которые содержат div с классом "hiddenItem". Здесь список и js.
<ul id="dlist" class="sortable">
<li id="listItem_000002">
<div>
<div><a class="itemCollapse"></a>
</div>Item 2</div>
</li>
<li id="listItem_000003">
<div>
<div><a class="itemCollapse"></a>
</div>Item 3</div>
</li>
<li id="listItem_000009">
<div>
<div><a class="itemCollapse"></a>
</div>Item 9</div>
</li>
<li id="listItem_000012">
<div class="hiddenItem">
<div><a class="itemCollapse"></a>
</div>Item 12 (Hidden)</div>
</li>
</ul>
<br>
<br>
<a class="count">Count</a>
.
$(".count").click(function () {
var tcount = $("#dlist").children("li").length;
alert(tcount);
});
В этом примере js предупреждает, что есть 4 элемента. Но я пытаюсь изменить код, чтобы он оповещал 3 элемента из-за последнего элемента списка, содержащего div с классом "hiddenItem". Я попытался использовать .filter(), а также несколько других методов перечеркивания без везения. У кого-нибудь есть лучшая идея?
Здесь рабочая скрипка: http://jsfiddle.net/YeDdq/1/
Любая помощь будет оценена по достоинству. Спасибо!