如何使用 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

Use querySelectorAll, return the elements that match the specified group of selectors

试试这个：

[].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 在不同的页面中获取值

How to get value in different page with javascript

html

javascript

tags

element

class