Jquery: event listener for array of elements

Question

I am populating an array with elements using the .each() method and $(this) selector.

(function($){

    var elements = new Array()         


        

Answer 1

Use jQuery's map function to join your array elements into a single combined jQuery object.
Then attach jQuery events to this object (using "on()" in this example).

var elements = [$('#blah'), $('#blup'), $('#gaga')];  //basically what you are starting with

var combiObj = $.map(elements, function(el){return el.get()});
$(combiObj).on('click', function(ev){
	console.log('EVENT TRIGGERED');
});

button{
  display: block;
  margin: 10px;
}

Button blah
Button blup
Button gaga