http://www.yuyong.net

大神讲解jquery截取字符串的方法

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到jquery截取字符串的方法的问题,如果我们遇到了jquery截取字符串的方法的情况,该怎么处理怎...

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到jquery截取字符串的方法的问题,如果我们遇到了jquery截取字符串的方法的情况,该怎么处理怎么才能解决jquery截取字符串的方法带来的困扰呢,对于这样的问题其实我们只需要jquery先做准备工作,创建一个html 页面,引入js写一些基础代码下面开始介绍几种截取字符串的方法先准备资料先看一下定义填入js代码varstr=$("#sp1").text();$("#sp2").text(str.substring(0,4));//substring顺序都是从0 开始的我们截取前4个字符 ,结果就是substr 和substring可以看到 名称非常的相似但是用法是不同这样就解决了这样的问题,接下来给大家带来jquery截取字符串的方法的详细操作步骤。

工具/原料

jquery

方法/步骤

先做准备工作,创建一个html 页面,

大神讲解jquery截取字符串的方法

引入js

写一些基础代码

下面开始介绍几种截取字符串的方法

大神讲解jquery截取字符串的方法

先准备资料

大神讲解jquery截取字符串的方法

substring

先看一下定义

大神讲解jquery截取字符串的方法

填入js代码

varstr=$("#sp1").text();

$("#sp2").text(str.substring(0,4));//substring

顺序都是从0 开始的

大神讲解jquery截取字符串的方法

我们截取前4个字符 ,结果就是

大神讲解jquery截取字符串的方法

substr

substr 和substring可以看到 名称非常的相似

但是用法是不同的

大神讲解jquery截取字符串的方法

我们先同样截取4吗

对比这来看

大神讲解jquery截取字符串的方法

可以看到实现的效果是一致的

大神讲解jquery截取字符串的方法

如果我们改一下截取的内容

就能看到区别了

大神讲解jquery截取字符串的方法

就可以看到区别了

一个是截取位置,一个是截取长度

大神讲解jquery截取字符串的方法

完整代码

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8" />

<title></title>

<script src="/uploads/allimg/200815/020K3K19-11.jpg"></script>

<script>

$(function () {

var str = $("#sp1").text();

$("#sp2").text(str.substring(4, 4)); //substring

$("#sp3").text(str.substr(4, 4)); //substr

})

</script>

</head>

<body>

<h1></h1>

<label>要截取的字符串:</label>

<span id="sp1">五一假期</span>

<br />

<label>截取后的内容 (substring):</label>

<span id="sp2"></span>

<br />

<label>截取后的内容 (substr):</label>

<span id="sp3"></span>

</body>

</html>

大神讲解jquery截取字符串的方法

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。