jQuery 函数不返回值
jQuery function doesn't return values
我得到了错误的计算,该函数没有从.investment
元素返回 3 个值,以便我能够计算它们并将它们输出到.payout
元素中。我在这里做错了什么?
function investmentArray() {
$('.investment').each(function() {
var text = $(this).text().slice(0, -2);
text = parseFloat(text.replace(/,/g, ''));
text = Number(text);
return text;
});
};
function payoutCalc() {
var i = investmentArray();
return i * 1.8;
}
var payoutArray = function() {
var el = $('.payout');
el.each(function() {
var result = Number(payoutCalc()).toFixed(2);
$(this).html(result + " $");
});
}
payoutArray();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
<tr>
<th>Investment</th>
<th>Payout</th>
</tr>
<tr>
<td class="investment">1,937.00 $</td>
<td class="investment">285.00 $</td>
<td class="investment">1,926.00 $</td>
</tr>
<tr>
<td class="payout"></td>
<td class="payout"></td>
<td class="payout"></td>
</tr>
</table>
问题是你试图从 jquery .each()
循环返回。您需要传递索引并获取元素,而不是使用循环。
要中断 $.each 循环,您必须在循环回调中返回 false。 返回 true 会跳到下一次迭代,相当于正常循环中的继续。
function investmentArray(c) {
text = $('.investment').eq(c).text().slice(0, -2);
text = parseFloat(text.replace(/,/g, ''));
text = Number(text);
return text;
};
function payoutCalc(c) {
var i = investmentArray(c);
return i * 1.8;
}
var payoutArray = function() {
var el = $('.payout');
el.each(function(i, val) {
var result = Number(payoutCalc(i)).toFixed(2);
$(this).html(result + " $");
});
}
payoutArray();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
<tr>
<th>Investment</th>
<th>Payout</th>
</tr>
<tr>
<td class="investment">1,937.00 $</td>
<td class="investment">285.00 $</td>
<td class="investment">1,926.00 $</td>
</tr>
<tr>
<td class="payout"></td>
<td class="payout"></td>
<td class="payout"></td>
</tr>
</table>
相关文章:
- 根据是否解析了 Promise 从函数返回值
- Angular,函数在(模型)工厂中返回值
- Javascript中带有返回值的嵌套函数
- 从Ajax函数返回值
- HTML如何根据javascript函数的返回值限制文本输入
- 使用在函数外部声明的变量的 Javascript 返回值 + undefined
- 如何从嵌套的API函数返回值
- 如何记录调用另一个函数的函数的返回值
- 即使使用回调函数也无法返回值
- PHP 函数不会向 JavaScript 变量返回值
- 从异步函数返回值
- 我如何才能继续'如果'语句来比较作为参数的多个函数返回值
- 从节点中的回调函数返回值
- 从另一个文件访问函数的返回值
- 从JSP页面调用Java Script函数未返回值
- jquery csv函数,如何返回值
- Scala提升了如何运行javascript函数并将返回值存储在变量中
- 等待函数完成,然后将返回值分配给变量JS
- 来自函数 Javascript 的 NaN 返回值 ||函数执行顺序
- 在 html 输入字段中使用返回值函数