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中做過類似的事情，但不記得確切的位置和方式。

Answer 1

在pricesArray [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>
          `)
        }