将所有结果合并到jQuery .each（）

Question

我使用一个函数来获取点击徽章的文字。现在我想结合所有结果：

例如：

徽章1有类活动且text ='test1' 徽章2的类有效，text ='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 );
});