如何将文本附加到jQuery选择？

Question

鉴于此HTML

<input type="checkbox"><span>Apple</span>
<input type="checkbox"><span>Orange</span>
<input type="checkbox"><span>Lemon</span>

和这个jQuery

var checked_items = jQuery("input:checked").next().text();
console.log(checked_items);

我得到了这个结果

AppleOrangeLemon

如何插入分隔符？所以我得到 Apple，Orange，Lemon 这不起作用：

var checked_items = jQuery("input:checked").next().text().append(", ");

Answer 1

请尝试此

var names = $('span').map(function(){
    return $(this).text();
}).get();

DEMO

$.map()方法将函数应用于数组或对象中的每个项目，并将结果映射到新数组中。

我将span作为选择器只是为了展示一个例子。您可以使用适当的选择器而不是它。

Answer 2

以下是您的示例。它添加了逗号和空格。

https://jsfiddle.net/qccxoogx/1/

$("<span>,&nbsp;</span>").insertBefore($("input:checkbox:not(:first)"));