内容:
我有一个清单。使用jQuery,我可以动态地...
...隐藏/显示某些列表项。
...计算第三和第四列表项以应用特定的类。
问题:
使用第n个子选择器的CSS样式(来自样式表)将应用于每个第三个列表项。问题是当我动态隐藏/显示列表项时,CSS nth-child选择器似乎没有重新计算。
由于jQuery已经在计算第三个列表项,因此我不需要重新计算CSS的第n个子选择器,除非没有办法取消它或将其销毁。
代码:
标记:
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
jQuery:
$('.teamlist li:visible').each(function (i) {
if (i % 3 == 0) $(this).addClass('teamlist_fourth_item');
});
$('.teamlist li:visible').each(function (i) {
if ((i+1) % 3 == 0) $(this).addClass('teamlist_third_item');
});
不需要的CSS:
.teamlist li:nth-child(3n+3) {
margin-right: 0;
}
问题:
如何销毁或强制重新计算CSS nth-child选择器?