javascript - 如何用字符分隔返回结果？

Question

我有一个复选框列表，我得到了每个复选框的标签字符串，每个复选框都用逗号分隔。该标签是输入框的同级。我可以获取文本，但如何添加逗号？

这是我的 HTML 的片段:

...
...
<div class="ui-checkbox">
    <input id="abc" value="1" type="checkbox">
    <label for="abc">
        <span>
            <span class="ui-btn-text">Two Words</span>
        </span>
    </label>
</div>
<div class="ui-checkbox">
    <input id="abc" value="1" type="checkbox">
    <label for="abc">
        <span>
            <span class="ui-btn-text">Joe</span>
        </span>
    </label>
</div>
...
...

还有我的 jQuery 一行:

string = $('input:checked').siblings($("ui-btn-text")).text();

这给出了以下结果:“Foo Bar Meth Two Words Joe”。

但我想要:“Foo、Bar、Meth、两个词、Joe”。

我可以在此处添加什么来获取逗号？

Answer 1

尝试:

$('input:checked').next().find(".ui-btn-text").map(function(){
      return $.trim(this.innerHTML);
}).get().join(', '); //If you do not want a space after comma then just .join()

<强> Demo