jquery擷取字串的方法

2019-12-12 09:27:44

jquery擷取字串的方法

1

先做準備工作，建立一個html 頁面，

2

引入js

寫一些基礎程式碼

下面開始介紹幾種擷取字串的方法

3

先準備資料

1

先看一下定義

2

填入js程式碼

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

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

順序都是從0 開始的

3

我們擷取前4個字元，結果就是百度經驗

1

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

但是用法是不同的

2

我們先同樣擷取4嗎

對比這來看

3

可以看到實現的效果是一致的

4

如果我們改一下擷取的內容

就能看到區別了

5

就可以看到區別了

一個是擷取位置，一個是擷取長度

6

完整程式碼

<!DOCTYPE html>

<head>

$(function () {

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

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

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

})

</script>

</head>

<body>

<label>要擷取的字串：</label>

<span id="sp1">百度經驗五一假期</span>

<br />

<label>擷取後的內容 (substring)：</label>

<br />

<label>擷取後的內容 (substr)：</label>

</body>

</html>

jquery擷取字串的方法

1

2

3

1

2

3

1

2

3

4

5

6

熱門文章