如何通过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>