Question

有人可以向我解释如何在.map（）函数中包装元素吗？我想在列表中输出它。因此，值需要包含在列表项标记中。我尝试使用.map（）,. wrap（）甚至.each（）。没有运气。

请查看此小提琴获取更多信息：https://jsfiddle.net/mjcu8teq/

$('.product-info-checkbox-container .custom-checkbox').change(function () {

    var countChecked = $('input:checkbox:checked').length;

    // check if one or more of the checkboxes is checked 
    if (countChecked != 0) {

        var checkbox_array = $('.product-info-checkbox-container .custom-checkbox:checked').map(function () {
            return this.value;
        }).get();

        $('.destination ul').html(checkbox_array.join(', '));

    }
});

Answer 1

只需改变一下：

$('.destination ul').html(checkbox_array.join(', '));

到此：

$('.destination ul').html('<li>' + checkbox_array.join('</li><li>') + '</li>');

Answer 2

https://jsfiddle.net/x7h8skh0/

$('.product-info-checkbox-container .custom-checkbox').change(function () {
var finalhtml = '';
    $('input:checked').each(function(index, checkboxelement) {
        finalhtml += '<li>' + $(checkboxelement).val() + '</li>';
    });
        $('.destination ul').html(finalhtml);


});

如何在jQuery中的.map（）函数中使用.wrap（）项

2 个答案: