HTML DIV显示相同的输入

Question

我在前端有4个字段，用于显示商品名称和商品价格。

 <div class="itemBoxWrapper">
          <div class="item1Wrapper">
              <div class="item1Title"></div>
              <div class="item1Price"></div>
          </div>
          <div class="item2Wrapper">
              <div class="item2Title"></div>
              <div class="item2Title"></div>
          </div>
        </div>

对于第一个项目，名称和价格字段按预期出现。 对于第二项，价格也会显示项名称的数据 因此它在第二个商品的名称和价格字段中都显示了商品名称，但是代码看起来与第一个商品相同吗？ CSS也一样。

 $('.customerName').text('Customer name: ' + customerName);
            $('.orderNum').text('Order number: ' + orderNum);

            $('.item1Title').text('Item name: ');
            $('.item1Price').text('Price: ' + item1Price);

            $('.item2Title').text('2nd Item name: ');
            $('.item2Price').text('Price ' + item2Price);

Answer 1

您应将代码更正为此：

 <div class="itemBoxWrapper">
          <div class="item1Wrapper">
              <div class="item1Title"></div>
              <div class="item1Price"></div>
          </div>
          <div class="item2Wrapper">
              <div class="item2Title"></div>
              <div class="item2Price"></div>
          </div>
        </div>

在第二个包装中，您写了两次item2Title而不是item2Title和item2Price。