Чтобы выбрать элемент непосредственно перед другим элементом в jQuery, вы можете использовать различные методы. Вот несколько подходов:
-
Использование метода
.prev()
: этот метод выбирает непосредственно предшествующий одноуровневый элемент элемента. Например, если у вас есть структура HTML, такая какАбзац 1
Абзац 2
, вы можете выберите первый элемент
, используя
$('.container p').eq(1).prev()
.eq(1)
используется для выбора второго элемента, а затем
.prev()
выбирает его предыдущий одноуровневый элемент.р> -
Использование метода
.prevAll()
: этот метод выбирает всех предыдущих одноуровневых элементов элемента. Вы можете использовать его вместе с селектором:first
, чтобы выбрать первого подходящего родственного элемента. Например,$('.container p').eq(1).prevAll('p:first')
выберет первый элемент, предшествующий второму. Элемент
.
-
Использование метода
.prevUntil()
: этот метод выбирает всех предыдущих одноуровневых элементов, пока не будет достигнут определенный элемент. Вы можете объединить его с селектором:last
, чтобы выбрать последнего родственного элемента. Например,$('.container p').eq(1).prevUntil('p:last')
выберет все предыдущие элементыдо тех пор, пока не будет последний элемент
.
-
Использование метода
.siblings()
: этот метод выбирает всех одноуровневых элементов элемента. Комбинируя его с такими методами фильтрации, как:last
, вы можете ориентироваться на конкретных братьев и сестер. Например,$('.container p').eq(1).siblings('p:last')
выберет последний элементсреди одноуровневых элементов. второго элемента
.
Это всего лишь несколько методов выбора элемента непосредственно перед другим элементом в jQuery. Вы можете выбрать метод, соответствующий вашему конкретному сценарию.