Javascript 无法格式化.join（）分隔符

在twitter引导向导页面上工作，并将选中的复选框值输出到下一个选项卡窗格。因为可以有多个选择，例如：checked，我正在使用map函数和join。我试图将每个输出包装在一个文件中，但是第一个项目没有包装，只有第一个项目之后的每个项目

例如

复选框1 复选框2 复选框3

这是我的密码：

$(document).ready(function() {
        $('#rootwizard').bootstrapWizard({
            onNext: function(tab, navigation, index) {
                if (index == 1) {
                    if (!$('.selection:checked').val()) {
                        alert('Please select a solution to try');
                        $('.selection').focus();
                        return false;
                    }
                }
                $('#showSelection').html($('.selection:checked').map(function() {
                    return $(this).val();
                }).get().join('<li>'));
            }
        });

---

不确定我是否应该使用不同的方法？或如果有办法预先附加并强制在所有选择周围使用分隔符换行。如果您有任何见解/清晰，我们将不胜感激。

请尝试这样做：

$('#showSelection').html('<li>' + $('.selection:checked').map(function() {
  return $(this).val();
}).get().join('</li><li>') + '</li>);

---

这是因为连接的分隔符只会添加在元素之间，而不是在元素之前和之后，因此第一个元素不会有开始li标记，最后一个元素不会有结束li标记。

谢谢Arnelle！现在，我对分离器为何如此运行有了更好的理解；非常感谢！不客气。我很高兴能帮助您：