javascript - 删除最后一个元素后的 "comma"分隔符

Question

我有以下代码。

$(document).ready(function(){

    $('input[type="checkbox"]').click(function(){
      elem = $(this);
      part = $(this).attr("data-part-name");
      //alert(part);
      selected_options = "";
      $('.' + part).each(function () {
          if ($(this).is(":checked")) {
            selected_options +=  $(this).attr("data-option-name") + ' <b>,</b> '
          }
        });
        $("#part_child_" + elem.attr("data-part-id")).html(selected_options);
    });
});

如果您看到我正在为选定的选项添加“逗号”。现在的问题是它甚至在最后一个元素之后添加了逗号。

如何删除最后一个逗号

Answer 1

.map()将非常适合这个。您还可以使用 :checked 过滤选中的项目和 filter

$(document).ready(function () {

    $('input[type="checkbox"]').click(function () {
        var elem = $(this);
        var part = $(this).attr("data-part-name");
        //alert(part);
        var selected_options = $('.' + part).filter(':checked').map(function () {
            return '<b>' + $(this).attr("data-option-name") + '</b>'
        }).get();
        $("#part_child_" + elem.attr("data-part-id")).html(selected_options.join(', '));
    });
});