jquery字符串截取
jQuery字符串截取方法
jQuery本身没有专门用于字符串截取的函数,但可以结合JavaScript原生方法实现。以下是几种常见的字符串截取方式:
使用substring()方法
var str = "Hello World";
var result = str.substring(0, 5); // 从索引0开始到5结束(不包括5)
console.log(result); // 输出"Hello"
使用substr()方法(注意该方法可能被废弃)
var str = "Hello World";
var result = str.substr(0, 5); // 从索引0开始,截取5个字符
console.log(result); // 输出"Hello"
使用slice()方法
var str = "Hello World";
var result = str.slice(0, 5); // 从索引0开始到5结束(不包括5)
console.log(result); // 输出"Hello"
结合jQuery选择器使用
$('div').text(function(index, text) {
return text.substring(0, 10) + '...'; // 截取前10个字符并添加省略号
});
处理中文字符
function cutString(str, len) {
if(str.length*2 <= len) return str;
var strlen = 0;
var s = "";
for(var i = 0; i < str.length; i++) {
s += str.charAt(i);
strlen += str.charCodeAt(i) > 255 ? 2 : 1;
if(strlen >= len) return s + "...";
}
return s;
}
注意事项
- substring()和slice()参数都是起始和结束索引
- substr()第二个参数是要截取的长度
- 处理中文字符时需要考虑双字节字符问题
- 现代JavaScript推荐使用substring()或slice()而非substr()







