Категории: Обход jQuery > Поиск
.prevUntil( [селектор,] [фильтр] )
Возвращает: jQuery
Описание: Получает всех предыдущих братьев каждого элемента до, но не включая элемент соответствующий селектору.
.prevUntil( [селектор,] [фильтр] )
Добавлена в версию: 1.4
селектор
Строка, содержащая выражение выбора для обозначения перед каким братом элемента остановиться.
фильтр
Строка, содержащая выражение выбора для соответствия с элементами.
.prevUntil( [элемент,] [фильтр] )
Добавлена в версию: 1.6
элемент
Объект, узел DOM
Узел DOM или объект jQuery, указывающие, перед каким братом элемента остановиться.
фильтр
Строка, содержащая выражение выбора для соответствия с элементами.
Учитывая объект jQuery, который представляет набор элементов DOM, метод .prevUntil() позволяет нам искать в преемниках этих элементов в дереве DOM, останавливаясь при достижении элемента, указанного в методе аргумента.
Новый объект jQuery, который возвращается содержание всех следующих братьев до, но не включая один, указанный в селекторе .prevUntil().
Если селектор не соответствует или не предоставлен, все предыдущие братья будут выбраны; в этих случаях он выбирает те же элементы как метод
.prevAll(), когда не предоставляется ни один фильтр.
Рассмотрим страницу с простым списком:
<dl> <dt>term 1</dt> <dd>definition 1-a</dd> <dd>definition 1-b</dd> <dd>definition 1-c</dd> <dd>definition 1-d</dd> <dt id="term-2">term 2</dt> <dd>definition 2-a</dd> <dd>definition 2-b</dd> <dd>definition 2-c</dd> <dt>term 3</dt> <dd>definition 3-a</dd> <dd>definition 3-b</dd> </dl>
Если мы начнем со второго термина, мы можем найти элементы, следующие за ним, до предшествующего тега <dt>.
$('#term-2').prevUntil('dt').css('background-color', 'red');
Результатом этого вызова будет красный фон определений 1-a, 1-b, 1-c, и 1-d.
Начиная с jQuery 1.6, узел DOM или объект jQuery, вместо селектора, может быть использован для первого аргумента .prevUntil().
Пример
Находит братьев, которые предшествуют <dt id="term-2"> до предыдущего <dt> и дает им красный фон.Пример - Полный код:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("#term-2").prevUntil("dt").css("background-color", "red"); }); </script> </head> <body> <dl> <dt>term 1</dt> <dd>definition 1-a</dd> <dd>definition 1-b</dd> <dd>definition 1-c</dd> <dd>definition 1-d</dd> <dt id="term-2">term 2</dt> <dd>definition 2-a</dd> <dd>definition 2-b</dd> <dd>definition 2-c</dd> <dt>term 3</dt> <dd>definition 3-a</dd> <dd>definition 3-b</dd> </dl> <script> $("#term-2").prevUntil("dt") .css("background-color", "red") </script> </body> </html>
Была ли эта информация полезной?
