在jQuery.each（）中合并所有结果

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

例如：

证卡1的类处于活动状态，文本='test1' 证卡2的类处于活动状态，文本='test2'

输出：

组件测试1测试2

目前，它们不能合并

JS

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

$（文档）。在（'单击'，'.badgeFilter'上，
函数（）{
$（“.badgeFilter.active”）。每个（函数（索引）{
activeFilter=$（this.text（）；
});
$（'.compTitle'）.html（'Components'+activeFilter）；
});

使用和

$（文档）。在（'单击'，'.badgeFilter'上，
函数（）{
var activeFilter=$（“.badgeFilter.active”）.map（函数（）{
返回$（this.text（）；
}).get（）.join（“”）；
$（'.compTitle'）.html（'Components'+activeFilter）；
});

使用和

$（文档）。在（'单击'，'.badgeFilter'上，
函数（）{
var activeFilter=$（“.badgeFilter.active”）.map（函数（）{
返回$（this.text（）；
}).get（）.join（“”）；
$（'.compTitle'）.html（'Components'+activeFilter）；
});

太棒了，那太棒了！谢谢你的支持help@mm1975）太棒了，那太棒了！谢谢你的支持help@mm1975，很高兴有帮助：）

$(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 );
});