javascript - 获取同一类的多个项目的值

Question

我想获取具有相同类但内容（数字）不同的多个段落的值。

详细地说，这些段落包含我想建立一个总数并将其输出到另一个段落中的数字。段落的值由 CMS (Webflow) 传递。我无法在脚本中使用本机 var。

所以我想我必须建立一个数组并得到总数。+ 用.innerHTML.

我是 JavaScript 新手。

<p class="mwst-price" id="mwst-price"></p>

<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
    var tax = {totalPrice}+sums*0.19;
    document.getElementById("mwst-price").innerHTML = tax;
</script>

标签： javascriptarrayswebflow

Answer 1

let totalPrice = 0;
document.querySelectorAll('p.myClass').forEach((paragraph) => {
  totalPrice += parseInt(paragraph.innerText);
});

const tax = totalPrice+sums*0.19;
document.querySelector('#mwst-price').innerHTML = tax;