具有相同类名的备用着色元素，没有任何特定层次结构

Question

给出如下结构：

<ul>
    <li>
        <div class="row"></div>
        <ul>
            <li>
                <div class="row"></div>
            </li>
        </ul>
    </li>
</ul>

这样的许多层次结构，我都找不到合适的css选择器来替换它们。

你能想到吗？我是否必须在jquery土地上有效地做点什么？

Answer 1

您可以使用https://api.jquery.com/odd-selector/和/或https://api.jquery.com/even-selector/

$('.row:even').addClass('even');

Answer 2

在jQuery中你可以做这样的事情，它可以适用于所有.row元素

$('.row').css('color', function(i) {
    return i%2 ? 'green' : 'red';
});

FIDDLE