获取多个相同class项的值
Get the value of multiple items with the same class
我想获取Class相同但内容(数字)不同的多个段落的值
详细地说,这些段落包含数字,我想建立一个总数并将其输出到另一个段落。段落的值由CMS(Webflow)传递。我无法在脚本中使用本机变量。
所以我想我必须构建一个数组并获得总数。 + 输出 .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>
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;
可能您需要这样的东西,其中“来源”是您要汇总的元素的class。
function getNumberFromInnerHTML(el) {
let value = el.innerHTML;
// convert to number
value = Number(value.replace(/[^0-9.-]+/g,""));
return value;
}
let totalPrice = 0;
document.getElementsbyClassName('origin').forEach(el => {
totalPrice += getNumberFromInnerHTML(el);
}
请参阅此 answer 将货币字符串转换为数字。