如何遍历模板文字内部的数组

由 发布于 javascriptjquery
 收藏

我试图在模态内的一些模板文字代码内运行循环。

因此，Ajax请求的结果...我缩短了所有代码，以减少行数。

    .done(function (data) {
        var itemsList = $.each(data, function (index, item) {
            '<p>' + item.prod_name + '<p>';
        });

再次，缩短了模态代码。

     var modal = `<div class="modal-body">`
       + itemsList +
     `</div>`;

输出的全部是[object object]，但是如果我console.log我的数据，那么我会得到正确的数据。

评论
xnobis
xnobis

您需要将数组转换为字符串：

data=[{prod_name:1},{prod_name:2}];
        var itemsList = $.map(data, function (item, index) {
            return '<p>' + item.prod_name + '<p>';
        }).join('');
        
        console.log(itemsList);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
点赞
评论