javascript – jQuery函数不返回值
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery函数不返回值,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1880字,纯文字阅读大概需要3分钟。
内容图文
![javascript – jQuery函数不返回值](/upload/InfoBanner/zyjiaocheng/819/f8a88fe1e84249ffae08c6a732252c9f.jpg)
我得到了错误的计算,并且该函数没有从.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()循环返回.您需要传递索引并获取元素而不是使用循环.
To break a $.each loop, you have to return false in the loop callback.
Returning true skips to the next iteration, equivalent to a continue in a normal loop.
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>
内容总结
以上是互联网集市为您收集整理的javascript – jQuery函数不返回值全部内容,希望文章能够帮你解决javascript – jQuery函数不返回值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。