Question

我需要获得价值但是另一页中的不同商品。

第1项

<div class="price-box">
<p class="old-price">
    <span class="price-label">Old Price:</span>
    <span class="price" id="old-price-1696"> IDR 170,000 </span>
</p>
<p class="special-price"> 
    <span class="price-label">Special Price</span> 
    <span class="price" id="product-price-1696"> IDR 139,000 </span>
</p>

第2项

<div class="price-box">
<span class="regular-price" id="product-price-4">
    <span class="price">IDR  159,000</span>
</span>

我希望第1项的价值是“IDR 139,000”，第2项是“IDR 159,000”，不要使用id =“product-price-4”因为ID会改变每一页。

Answer 1

使用querySelectorAll，返回与指定的选择器组匹配的元素

试试这个：

[].forEach.call(document.querySelectorAll('.price-box .special-price .price,.regular-price .price'),function(item) {
  alert(item.innerHTML);
});

<div class="price-box">
  <p class="old-price">
    <span class="price-label">Old Price:</span>
    <span class="price" id="old-price-1696"> IDR 170,000 </span>
  </p>
  <p class="special-price">
    <span class="price-label">Special Price</span>
    <span class="price" id="product-price-1696"> IDR 139,000 </span>
  </p>
</div>
<div class="price-box">
  <span class="regular-price" id="product-price-4">
    <span class="price">IDR  159,000</span>
  </span>
</div>

如何使用javascript在不同的页面中获取价值

1 个答案: