JQuery是一个常用的JavaScript库,它有很多强大的功能,其中包括遍历相加。使用JQuery进行遍历相加可以方便地操作HTML文档中的元素。
$(document).ready(function() {var sum = 0;$("p").each(function() { // 使用each方法遍历所有的p标签sum += parseInt($(this).text()); // 将遍历到的p标签内的文本转换为数值类型并累加到sum变量中});console.log("所有p标签的数值相加结果为:" + sum);});
代码中使用了JQuery的each方法来遍历所有的p标签,然后使用parseInt将p标签内的文本转换为数值类型,并将其加到sum变量中。最后输出所有p标签数值的累加结果。
除了遍历文本内容进行相加,JQuery还可以遍历元素的属性进行相加。比如,可以遍历所有的input标签的value属性进行相加。
$(document).ready(function() {var sum = 0;$("input[type=number]").each(function() { // 使用each方法遍历所有的type为number的input标签sum += parseInt($(this).val()); // 将遍历到的input标签的value属性值转换成数值类型并累加到sum变量中});console.log("所有input标签的value属性的数值相加结果为:" + sum);});
代码中使用了JQuery的val方法获取input标签的value属性值,然后将其转换为数值类型并累加到sum变量中。最后输出所有input标签的value属性的数值的累加结果。