逗号分隔的 jQuery 可选项目答案

【问题标题】：Comma separate jQuery selectable items逗号分隔的 jQuery 可选项目
【发布时间】：2012-01-30 20:58:57
【问题描述】：

我正在使用 jQuery 和 Selectable 小部件让我的用户选择要删除的文件。我将每个选择附加到一个 div 以便能够查看我选择了哪些 div。我需要用逗号分隔值（id）以便在保存时能够使用它。

如何用逗号分隔？有更好的方法吗？

$("#photo_area").selectable({

                cancel: 'a',

                stop: function() {

                    var result = $("#selected").empty();

                    $(".ui-selected", this).each(function() {

                        var index = $(this).attr('id');

                        result.append(index);

                    });

                }

            });

【问题讨论】：

标签： jquery selectable

【解决方案1】：

你已经拥有的并没有什么明显的错误，但我认为以下内容更简洁一点：

var ids = $(this).find(".ui-selected").map(function() {
    return this.id;
}).get().join(",");

http://api.jquery.com/map/

【讨论】：

看起来很有趣！我怎样才能“阅读”这个结果？将其输出到 div 或文本字段中？
简单：$("#selected").html(ids)
试过了，但这会使逗号在某些地方出现两次，例如：1,,2,3,4,,5。
如果您使用安装了 firebug 的 firefox，请使用 console.log(ids)
它在firebug中输出相同。

【解决方案2】：

不知道你在追求什么。但是您始终可以使用逗号分隔的字符串作为 jQuery 选择器。

$('#myId2, #myId1, #myId3')

..弗雷德里克

【讨论】：