Jquery附加不适用于动态显示

问题描述 投票:0回答:1

我正在开发一个电子商务Web应用程序。我已将项目存储在localStorage的购物车对象中。我正在尝试使用jquery附加方法在html的'ul'标签中动态显示购物车中的项目列表。但这仅在浏览器中将整个html(mystr)显示为字符串。在HTML部分下方的“ ul”标签:

        <div class="my-3">
            <ul class="list-group" id="items">
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    Cras justo odio
                    <span class="badge badge-primary badge-pill">14</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    Dapibus ac facilisis in
                    <span class="badge badge-primary badge-pill">2</span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    Morbi leo risus
                    <span class="badge badge-primary badge-pill">1</span>
                </li>
            </ul>
        </div>

以下是用于动态显示存储在localStorage中的购物车项目的javascript代码:

    for( var item in cart){
       var qty = cart[item][0];
       var name = cart[item][1];
       mystr = `li class="list-group-item d-flex justify-content-between align-items-center">
                    $(name)
                    <span class="badge badge-primary badge-pill">$(qty)</span>
                </li> ` ;

       $('#items').append(mystr);
    }

如果有人有任何想法,请回应。

javascript html jquery
1个回答
0
投票

[li的左括号与使用$ {name}和$ {qty}而不是$ {name)和$ {qty)一起丢失

有关更多信息,请访问multiline-strings-in-es6-javascript

© www.soinside.com 2019 - 2024. All rights reserved.