Как запомнить предыдущий элемент на jquery?

Пользователь

от elian.swift , в категории: JavaScript , год назад

Как запомнить предыдущий элемент на jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от marc_zboncak , год назад

@elian.swift 

Чтобы запомнить предыдущий элемент на jQuery, вы можете использовать метод .prev(), который возвращает предыдущий элемент в наборе элементов. Затем вы можете сохранить этот элемент в переменную, чтобы обратиться к нему позже.


Например, предположим, что у вас есть следующий HTML-код:

1
2
3
4
5
<ul>
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ul>


Вы можете использовать следующий код jQuery, чтобы сохранить предыдущий элемент в переменной:

1
var prevElement = $('li').eq(1).prev();


Этот код сохраняет первый элемент в переменную prevElement, потому что он является предыдущим элементом для второго элемента списка.


Вы также можете использовать селекторы jQuery для получения предыдущего элемента на основе его класса, идентификатора или других атрибутов.


Например, предположим, что у вас есть следующий HTML-код:

1
2
3
4
<div class="container">
  <div class="prev-element">Предыдущий элемент</div>
  <div class="current-element">Текущий элемент</div>
</div>


Вы можете использовать следующий код jQuery, чтобы сохранить предыдущий элемент в переменной:

1
var prevElement = $('.current-element').prev('.prev-element');


Этот код сохраняет первый элемент в переменную prevElement, потому что он является предыдущим элементом для текущего элемента с классом .current-element.