Работа с методом map в jQuery

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

Метод map возвращает заново сформированный набор различных элементов и объектов в отличие от метода each, который возвращает исходный набор элементов.

Пусть в нашем HTML коде есть несколько абзацев:

html<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>

Давайте, с помощью метода map выведем на экран список имен id элементов, разделенных запятыми. У каждого p мы будем получать id с помощью map и get. Затем воспользуемся JavaScript методом join, чтобы вывести полученные значения строкой:

javascriptalert(
  $('p').map(
    function() {
      return this.id;
    }
  ).get().join()
);