jQuery - 选择同一级别的 child (奇数或偶数)

Question

有没有办法用 jQuery 替换以下 CSS？

.quote-body .quote-body { background: #f5f5f5 }
.quote-body .quote-body .quote-body { background: #fff }
.quote-body .quote-body .quote-body .quote-body { background: #f5f5f5 }
.quote-body .quote-body .quote-body .quote-body .quote-body { background: #fff }
...
and so on

Answer 1

这样的事情可能会起作用:

$('.quote-body').each(function() {
    $(this).addClass($(this).parents('.quote-body').size() % 2 ? 'odd' : 'even');
});

对于每个 .quotebody 元素，找到具有类 .quotebody 的父元素的数量，并取二的模来定义奇数或偶数。

编辑

经过测试并且运行良好。对于复杂的文档，这种方法可能有点迟钝，因为对于每个元素，jQuery 必须一直遍历回到根元素。但它有效。

工作示例:http://www.ulmanen.fi/stuff/oddevenchild.php