Working with the map method in jQuery

The map method calls a given function for each element of a collection. It is especially useful for getting or setting the values ​​of a collection of elements.

The map method returns a newly formed set of different elements and objects, unlike the each method, which returns the original set of elements.

Let's say we have several paragraphs in our HTML code:

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

Let's use the map method to print a list of id element names separated by commas. For each p we'll get the id using map and get. Then we'll use the join JavaScript method to print the resulting values ​​as a string:

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