Выберите элементы с отображением: list-item

Question

Я пытаюсь выбрать каждого третьего видимого ребенка ул. Я пытался использовать: видимый, но не заставить его работать. Есть ли другой способ выбора элементов с помощью display: list-item? Я понял: видимый только смотрит на дисплей: блок?

Answer 1

Если вы используете nth-child, он не учитывает подмножество, возвращаемое :visible при определении его позиции nth.

Сначала вам нужно выбрать видимые, а затем сделать .filter().

Пример: http://jsfiddle.net/YNV3J/

$('ul > li:visible').filter(function(i) {
    return i % 3 === 2;
}).addClass('third');

---

РЕДАКТИРОВАТЬ: Оригинальный ответ использовал nth-child, который не удастся в этой ситуации. Исправлено.