大佬教程收集整理的这篇文章主要介绍了jquery – 根据类求和表列的所有值，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
必须以特定的方式指定数值吗？我在这里看到一些其他的答案，从那里模仿了代码，我没有看到我和他们之间的任何真正的区别，所以我很困惑，为什么我的工作。
这是一个教程，我随之参考：http://viralpatel.net/blogs/2009/07/sum-html-textbox-values-using-jquery-javascript.html
这是我的javascript
$(document).ready(function(){ $('.price').each(function() { calculatesum(); }); }); function calculatesum() { var sum = 0; //iterate through each td based on class and add the values $(".price").each(function() { //add only if the value is number if(!isNaN(this.value) && this.value.length!=0) { sum += parseFloat(this.value); } }); $('#result').text(sum); };
这是我的html
<table border="1"> <tr> <th>Item</th> <th>Price</th> </tr> <tr> <td>Banana</td> <td class ="price">50</td> </tr> <tr> <td>Apple</td> <td class ="price">100</td> </tr> </table> <div id="result"></div>
text()而不是this.value(因为< td> s没有“值”)：
var sum = 0;
// iterate through each td based on class and add the values
$(".price").each(function() {
var value = $(this).text();
// add only if the value is number
if(!isNaN(value) && value.length != 0) {
sum += parseFloat(value);
}
});
此外，您多次循环使用.price元素(调用calculateSum)。你可以替换
$(document).ready(function(){ $('.price').each(function() { calculatesum(); }); });
同
$(calculateSum);
以上是大佬教程为你收集整理的jquery – 根据类求和表列的所有值全部内容，希望文章能够帮你解决jquery – 根据类求和表列的所有值所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。