如何通過javascript在不同頁面中獲取價值

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>