尝试使用Jquery数组填充html表

Question

我需要知道如何在此表中为已选中复选框的每个值添加一行。

<table class="table table-striped table-hover table-responsive" id="sel_articulos">
    <thead>
        <tr>
            <th>Id</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

我已将带有此代码的已选中复选框列表保存在数组中。

$('#modalarticulos').on('hidden.bs.modal', function () {;
    var sel_articulos = $("input[name='check_art']:checked").map(function () {
        return this.value;
    }).get();
    console.log(sel_articulos);
    showSels();
})

尝试使用此方法，但我从响应

中获取数组中的所有值

var tbody = $('#sel_articulos tbody');
var props = ["id"];
$.each(sel_articulos, function(i, sel_articulo) {
    var tr = $('<tr>');
    $.each(props, function(i, prop) {
        $('<td>').html(sel_articulos).appendTo(tr);  
    });
    tbody.append(tr);
});

I.E：如果我选择了5个值，我会在桌子的每一行上得到这个值。 112113114115117