Як на JQuery обійти елементи в циклі з кінця (починаючи з останнього)

Поширити

Далі представлений простий приклад того, як за допомогою бібліотеки JQuery можна обійти HTML елементи, розташовані на веб-сторінці, починаючи з останнього, іншими словами в зворотному порядку / з кінця. Для наочності продемонструю все на картинках.

JavaScript:

jQuery(document).ready(function($) {
var DelaemIveriyu = $(“img”).get().reverse();
$(DelaemIveriyu).each(function() {
// Виробляємо які-небудь дії з
// масивом елементів, наприклад такі:
alert($(this).attr(‘src’));
});
});

HTML:

<img src=”http://yandex.st/morda-logo/i/logo.svg” />
<img src=”https://www.google.ru/images/srpr/logo11w.png” />
<img src=”http://mailstatic.yandex.net/host-root2/2.24.0/
static/blocks/b-mail-icon/_type/b-mail-icon_refresh.png” />

У спливаючих віконцях по черзі, починаючи з останнього, будуть виведені всі значення атрибутів у src зображень.

Отже, завдяки використанню методу get() ми з вами отримуємо масив зі списком елементів, потім міняємо їх послідовність з помщью виклику reverse().

Залишити відповідь

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.