jquery：如果孩子有特定班级？

Question

我想知道如何确定ul是否有超过2个孩子，以及是否有两个孩子在这个ul中有两个特定的类......

if($(this).children().length > 2 && $(this).children('.section-title, .active')) {
    $(this).append('<li class="dots">&hellip;</li>');
}

???

Answer 1

var $ul = $('ul');
if($ul.find("li").length > 2 && $ul.find('.active, .inactive').length  == 2) {
       alert('yes, it is this way');
}​

<ul>
  <li class="active">Whatever</li>
  <li class="inactive">Whatever</li>
  <li>Whatever</li>
  <li>Whatever</li>
</ul>​

演示：http://jsfiddle.net/RtTSM/1/

Answer 2

var ulChildren = $("li", this);
if (ulChildren.length > 2 && $('li.section-title', ulChildren).length >= 1 && $('li.active', ulChildren).length >= 1)

这将检查以下规则：

1. ul
下有两个以上的li元素
2. 至少有一个li属于section-title
类
3. 至少有一个具有活跃类别的li

Answer 3

var ul = $('#ul_id');
if ($('.class1, .class2', ul).size()>2)

你不需要测试第一个条件（有超过2个孩子），因为它是一个“AND”条件，如果你的第二个条件满足，第一个条件是微不足道的。

詹姆斯林

guanfenglin@gmail.com