показать несколько выбранных значений диапазона в jquery с помощью запятой

Question

Я разместил свой полный код на jsfiddle. Я пытаюсь показать выбранные здесь места. Если пользователь выбрал 2 из BS, результат должен быть BS-2. Опять же, если пользователь выбрал 4 из FC, результат должен быть добавлен со старым, как BS-2, FC-4.

Но, я пробовал что-то здесь. он показывает значение элемента span, но если я выбрал другой, он заменит предыдущий. Как добавить запятую и показать несколько выбранных значений диапазона в jquery?

JsFiddle

JQuery

$(".text").click(function(){ 
    $(this).toggleClass('selected'); 
     var data = $(this).text(); 
    $('.returndata').text(data); 
}) 

Answer 1

Попробуйте

var $texts = $(".text").click(function() { 
    $(this).toggleClass('selected'); 
    var selected = $texts.filter('.selected').map(function() { 
     return $.trim($(this).text()) 
    }).get() 
    $('.returndata').text(selected.join()); 
}) 

Демо: Fiddle