javascript - Javascript append - 使用数组中的值附加多个元素

Question

我正在尝试从我的数组中附加具有多个值的元素，但我做错了。这是我的代码：

for(var i=0; i < pricesArray.length; i++) {
      var ulList = document.getElementById('season-prices');

      ulList.append(`
        <div class="flex"> <input type="checkbox"></input> <span>` + pricesArray[i].start_date `</span> <span>` + pricesArray[i].end_date `</span> 
        <span>` + pricesArray[i].currency `</span> <span>` + pricesArray[i].price `</span>  </div>
      `)
    }

我得到的错误是：

priceArray[i].start_date 不是函数

有没有其他方法，或者更好的方法来做到这一点？我曾经在 jQuery 中做过类似的事情，但不记得在哪里以及如何准确..

标签： javascript

Answer 1

您在 priceArray[i].start_date 之后缺少“ + ”。也在每个财产之后。你需要在前面和后面加上加号。

for(var i=0; i < pricesArray.length; i++) {
          var ulList = document.getElementById('season-prices');

          ulList.append(`
            <div class="flex"> <input type="checkbox"></input> <span>` + pricesArray[i].start_date + `</span> <span>` + pricesArray[i].end_date + `</span> 
            <span>` + pricesArray[i].currency +`</span> <span>` + pricesArray[i].price + `</span>  </div>
          `)
        }