объединить все результаты в jQuery .each()

Question

Я использую функцию, чтобы получить текст щелчка. Теперь я хочу, чтобы объединить все результаты:

Например:

Знак 1 имеет класс активный и текст = «test1» Знак 2 имеет класс активный и текст = «test2»

Выход :

Компоненты test1 test2

В настоящее время, т эй не сочетаются.

JS

$(document).on('click', '.badgeFilter', 
    function(){ 
     $(".badgeFilter.active").each(function(index) { 
      activeFilter = $(this).text(); 
    }); 
$('.compTitle').html('<i class="fa fa-cog"></i> Components ' + activeFilter); 
}); 

Answer 1

Использование map и join

$(document).on('click', '.badgeFilter', 
    function(){ 
    var activeFilter = $(".badgeFilter.active").map(function() { 
      return $(this).text(); 
    }).get().join(' '); 
$('.compTitle').html('<i class="fa fa-cog"></i> Components ' + activeFilter); 
});