我只想計算所有產品的價格。
function getComboA() {
var price = parseFloat($(".original-price").html());
var korting = (Math.round((price - ((price) / 100) * 10)));
$(".discount").html("$" korting "");
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6./jquery.min.js"></script>
<div>$<span class="original" onload="getComboA()" ;>100</span> $<span class="discount"></span></div>
<div>$<span class="original" onload="getComboA()" ;>100</span> $<span class="discount"></span></div>
<div>$<span class="original" onload="getComboA()" ;>100</span> $<span class="discount"></span></div>
<div>$<span class="original" onload="getComboA()" ;>100</span> $<span class="discount"></span></div>
<div>$<span class="original" onload="getComboA()" ;>100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original" onload="getComboA()" ;>100</span> $<span class="discount"></span></div>
<div>$<span class="original" onload="getComboA()" ;>100</span> $<span class="discount"></span></div>uj5u.com熱心網友回復：
Span 沒有 onl oad
也許你是這個意思
$(function() { // on page load
$(".discount").each(function() {
const price = $(this).closest("div").find(".original").text();
const korting = (Math.round((price - ((price) / 100) * 10)));
$(this).text(korting)
})
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>對您的 Tab 筆的更改
https://codepen.io/mplungjan/pen/RwLadvW
$(function () {
// on page load
$("a.nav-link").on("click", function (e) {
// const activeTab = e.target;
const percentage = parseInt(
$("#pills-tabContent").find("[id^=pills].active").text()
);
$(".discount").each(function () {
const price = $(this).closest("div").find(".original").text();
const korting = Math.round(price - (price / 100) * percentage);
$(this).text(korting);
});
});
$("a.nav-link.active").click()
});
uj5u.com熱心網友回復：
span您可以做的只是在其容器中呼叫該函式，而不是在 each 處呼叫該函式，這是無效的。在下面顯示的示例中，body是我的容器。您可以使用它們的類名遍歷標簽并獲取原始數量并執行所需的數學運算。這是示例：
<html>
<body onload="getComboA()">
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<div>$<span class="original">100</span> $<span class="discount"></span></div>
<script>
function getComboA() {
var sum = 0;
var originals = document.getElementsByClassName("original");
var discounts = document.getElementsByClassName("discount");
for(var i = 0; i < originals.length; i ){
var originalPrice = parseFloat(originals[i].innerHTML);
discounts[i].innerHTML = (Math.round((originalPrice - ((originalPrice) / 100) * 10)));
}
}
</script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/376391.html
標籤：javascript