javascript - 查找每一行的最后一项

Question

如何找到每一行的最后一项？每行有 4 列，每行有 border-bottom: 1px solid #CCC;。现在，我希望删除该行最后一项的边框并改为添加一个类。

这是我的标记。

<div class="product-wrapper">
  <div class="product-item">Product 1</div>
  <div class="product-item">Product 2</div>
  <div class="product-item">Product 3</div>
  <div class="product-item">Product 4</div>
  <div class="product-item">Product 5</div>
  <div class="product-item">Product 6</div>
  <div class="product-item">Product 7</div>
  <div class="product-item">Product 8</div>
</div>

Answer 1

为什么不像这样将纯 CSS 与 :not 和 :last-child 伪选择器一起使用？

.product-item:not(:last-child) {
    border-bottom: 1px solid #CCC;
}

<div class="product-wrapper">
    <div class="product-item">Product 1</div>
    <div class="product-item">Product 2</div>
    <div class="product-item">Product 3</div>
    <div class="product-item">Product 4</div>
    <div class="product-item">Product 5</div>
    <div class="product-item">Product 6</div>
    <div class="product-item">Product 7</div>
    <div class="product-item">Product 8</div>
</div>

另请注意:您的 Product 2 div 缺少结束标记。