javascript - Jquery 遍历 map 在同一个循环中设置两个 div 元素

Question

我通过 ajax 调用获取一个 json 值，我正在迭代它以使用两种不同的方法设置表和 div 的内容，我如何将这两个函数组合成一个函数，因为我正在迭代相同的数据

function render_table(json_value){

    $("tbody").append(
        $.map(json_value['comments'], function(event, idx) {

            return (
                `<tr ">
                    <td></td>
                </tr>`
            );

        }).join());
}

function render_list(json_value){

    $(".history ul").append(

        $.map(json_value['comments'], function(event, idx){

            return (`
                    <li> 
                        <div >

                        </div>
                    </li>`
                );

        }).join(' '));

}

Answer 1

你可以这样做:

function render(json_value) {
  $.each(json_value['comments'], function(index, value) {
    $("tbody").append(`<tr><td></td></tr>`);
    $(".history ul").append(`<li><div></div></li>`);
  });
}