javascript - 使用逗号在 jquery 中显示多个选定的跨度值

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

演示:Fiddle