在jQuery开发中，通过val()获取的HTML元素值默认为字符串类型。若直接对获取的值进行加减运算，会导致字符串拼接而非数值计算。本文通过示例说明如何结合parseInt()函数将字符串转换为整数，确保数值运算的正确性，适用于分页器等场景。
jQuery数值运算中的类型转换问题
在JavaScript中，从页面元素获取的数据默认均为字符串（string）类型。若需对这些数据进行数值类型的加减运算，必须使用parseInt()函数将其显式转换为整数，否则可能产生字符串拼接等预期外的结果。
HTML结构示例如下：
代码如下:
HTML隐藏字段定义<div id="archive">
<input type="hidden" name="page" value="1" />
</div>对应的JavaScript处理逻辑如下：
代码如下:
jQuery点击事件处理逻辑$("#archive").bind('click',function(){
var page=$("input[name='page']").val();
// 执行数值运算前需进行类型转换
$("input[name='page']").val(parseInt(page)+1);
});