按下按钮时,我想将输入值与 p 标签相乘。我的html结构是这样的:
<div class="table">
<input class="input" type="text" />
<p>10</p>
</div>
<div class="table">
<input class="input" type="text" />
<p>20</p>
</div>
<div class="bill"></div> // the result must be displayed in this tag
<button class="button">Calculate</button>
我使用每种方法来选择输入元素,这是我的 jquery 结构:
$(function() {
function calculate()
{
$('input.input').each(function(index) {
var inputValue = $(this).val();
var valueP = $(this).next('p').text();
var result = inputValue * valueP;
$('.bill').text(result);// displays only last multipled result
console.log(result); // displays all multipled results
});
}
$('.button').click(function() {
calculate();
});
});
我实现了将输入值与 p 标签相乘,但问题是只有最后一个相乘的输入值显示在带有“bill”的类中。但是使用 console.log 看起来很好 此外,使用“document.write(result)”也很好。我该如何解决这个问题?顺便说一句,有人可能会说,我怎么能把所有相乘的结果相加!感谢提前!