Запись на курсы по HTML, CSS, JavaScript, PHP, Python, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
73 of 119 menu
Новый формат обучения! Репетиторство по программированию. Есть еще 3 свободных места! Жми для подробностей.

Метод map

Метод map вызывает заданную функцию для каждого элемента набора. Он особенно удобен для получения или установки значений коллекции элементов.Метод map возвращает заново сформированный набор различных элементов и объектов в отличие от метода each, который возвращает исходный набор элементов.

Синтаксис

Сами элементы доступны в функции, в переменной this, а их порядковые номера в наборе — в переменной index:

$(селектор).map(function(index, element));

Пример

Давайте выведем на экран список имен id элементов, разделенных запятыми. Используем также методы get и join:

<p id="aaa">text1</p> <p id="bbb">text2</p> <p id="ccc">text3</p> console.log( $('p').map( function() { return this.id; } ).get().join() );

Смотрите также

  • метод filter,
    который фильтрует элементы по определенному селектору
  • метод each,
    который вызывает заданную функцию для каждого элемента набора
byenru