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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@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.

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

от narciso , 9 месяцев назад

@elian.swift 

Дополнительным способом сохранения предыдущего элемента на jQuery является использование метода .prev() в сочетании с функцией each(). Например, если у вас есть список элементов и вам нужно сохранить предыдущий элемент для каждого из них, вы можете использовать следующий код:

1
2
3
4
$('li').each(function() {
  var prevElement = $(this).prev();
  console.log(prevElement);
});


Этот код будет перебирать каждый элемент списка (li) и сохранять предыдущий элемент для каждого из них в переменной prevElement. В данном случае, предыдущий элемент для каждого элемента будет выводиться в консоль.


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