使用逗号在jquery中显示多个选定的span值

Question

我已经把我的全部代码贴在了jsfiddle上。我在试着向用户展示这里选定的座位。如果用户从BS中选择了2，则结果应该是BS-2。同样，如果用户从FC中选择了4，则结果应该与旧的结果一起添加，比如BS-2，FC-4。

但是我在这里试过一些东西。它显示了span元素的值，但如果我选择另一个元素，它将替换前一个元素。如何在jquery中添加逗号并显示多个选定的span值？

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

演示：小提琴