javascript - IE 8 支持奇/偶斑马样式

Question

好的，所以。我知道 IE 8 不支持 nth-child([:even|:odd])。所以现在我一直在尝试想出一种应用等于奇数/偶数行的类的方法.我使用 :nth-child 的方式。我认为我的方法可能..有效，但是我有一个无序列表，其中有多个子无序列表，因此零索引似乎受此问题影响，并且没有正确应用

我有一个 jsFiddle example发生了什么可以更好地显示问题。例如，如果您注意到，具有“Header 1”和“Header 2”的 LI 示例处于同一级别，但它们都获得了“偶数”类。

我们的目标是让每个 UL 将其斑马样式应用到其子级深一层，并且每个后续 UL 及其子级都这样做。有谁能告诉我如何解决这个问题？目前它似乎是基于整体 DOM 索引，而不是每个 UL(如果这有意义的话)。

Answer 1

是这样的吗？

$('ul > li:nth-child(odd)').addClass('li_odds');
$('ul > li:nth-child(even)').addClass('li_evens');    

jsFiddle example