jQuery Прогон - метод prevUntil()
Пример
Выберите все абзацы и затем уменьшите выбранный контент до включения только первого и второго абзацев:
$("p").slice(0, 2).wrapInner(");
Определение и использование
slice() уменьшает набор соответствующих элементов до подмножества, указанного диапазоном индексов.
Синтаксис
.slice(selector,end)
Параметр | Описание |
---|---|
selector |
Целое значение, основанное на нуле, указывающее на позицию начала выбора. Если это negative число, это указывает на смещение от конца набора. |
end |
Целое значение, основанное на нуле, указывающее на позицию конца выбора. Если это negative число, это указывает на смещение от конца набора. Если параметр пропущен, диапазон выбора заканчивается в конце набора. |
Подробное описание
Если дан jQuery-объект, представляющий набор элементов DOM, метод .slice() создает новый jQuery-объект, состоящий из подмножества элементов, соответствующих элементам, указанным в переданных параметрах index. Параметр index указывает на позицию одного из элементов в集合е; если параметр end пропущен, в результате включаются все элементы, расположенные после index.
Размышляйте о этой странице с простым списком:
<ul> <li>Элемент списка 1</li> <li>Элемент списка 2</li> <li>Элемент списка 3</li> <li>Элемент списка 4</li> <li>Элемент списка 5</li> </ul>
Мы можем применить этот метод к集合у элементов списка:
$('li').slice(2).css('background-color', 'red');
Результатом этого вызова будет установка фона в красный цвет для элементов 3, 4 и 5. Пожалуйста, обратите внимание, что применяемые параметры index основаны на нуле иrefer к позиции элементов в jQuery-объекте, а не в DOM-дереве.
Параметр end позволяет еще больше ограничить диапазон выбора. Например:
$('li').slice(2, 4).css('background-color', 'red');
Теперь будут выбраны только элементы 3 и 4. Еще раз отмечу, что индекс основан на нуле; диапазон будет延伸 до (но не включая) указанного индекса.
negative индекс
Метод .slice() jQuery имитирует метод .slice() объекта массива JavaScript. Одна из имитируемых им функций - это возможность передаватьnegative числа для параметров start или end. Если передаетсяnegative число, это указывает на позицию с конца набора, а не с начала. Например:
$('li').slice(-2, -1).css('background-color', 'red');
В этот раз только пункт 4 изменится на красный, потому что это единственный элемент, который находится в диапазоне между концом (-2) и концом (-1).