jquery 截取
jQuery 截取字符串的方法
使用 jQuery 截取字符串可以通过 JavaScript 原生字符串方法实现,以下是一些常见场景的解决方案:
截取固定长度的字符串
var str = "Hello, world!";
var subStr = str.substring(0, 5); // 从索引0开始,截取5个字符
console.log(subStr); // 输出 "Hello"
从指定位置截取到末尾
var str = "jQuery is awesome";
var subStr = str.slice(7); // 从索引7截取到末尾
console.log(subStr); // 输出 "is awesome"
使用正则表达式截取
var str = "price: $25.99";
var price = str.match(/\$(\d+\.\d{2})/)[0];
console.log(price); // 输出 "$25.99"
jQuery 截取 DOM 元素内容
截取元素文本内容
var text = $("#myElement").text().substring(0, 10);
console.log(text); // 输出前10个字符
截取HTML内容
var html = $("#myDiv").html();
var partialHtml = html.substring(html.indexOf("<span>"), html.indexOf("</span>")+7);
console.log(partialHtml); // 输出包含<span>标签的部分
截取数组或对象
截取jQuery对象集合
var firstThreeElements = $("li").slice(0, 3); // 获取前三个li元素
截取表单输入值
var inputVal = $("#username").val();
var shortVal = inputVal.substring(0, 8); // 截取前8个字符
注意事项
- 字符串索引从0开始计算
- substring()方法的第二个参数是结束索引(不包括该字符)
- slice()方法支持负数索引,表示从末尾开始计算
- 对中文字符串截取时需要注意一个中文占2个字符长度
以上方法可以根据实际需求组合使用,实现更复杂的截取逻辑。







