Как на 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().





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.