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

时间:2014-02-06 06:48:20

标签: javascript jquery css

我在jsfiddle上发布了我的完整代码。我试图在这里显示用户选择的座位。如果用户从BS中选择2,则结果应为BS-2。再次,如果用户从FC中选择4,则应该将结果添加到BS-2,FC-4之类的旧结果中。

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

JsFiddle

的jQuery

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

1 个答案:

答案 0 :(得分: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