Как пропустить первые N элементов с помощью CSS или jQuery? - Web-Global

Как пропустить первые N элементов с помощью CSS или jQuery?

04.02.2022 125
Поделиться:

Я знаю «дочерние» методы CSS, но эти методы работают только для одного div или для div с одинаковыми настройками, а не для группы.

Я хочу запустить script из div # 7 до последнего. Проблема в том, что все div имеют одинаковую структуру (что является требованием).

Пример:

<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<!-- ... -->
<div class"my_div">Some Text</div>

Вы можете использовать метод jQuery slice:

$('.my_div').slice(6)

Чистым подходом CSS является селектор nth-child:

.my_div:nth-child(n+6)

Этот селектор будет соответствовать любому элементу .my_div после шестого. Вы можете изменить номер на все, что угодно.