Работа с метод 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()
);