多语言展示
当前在线:1172今日阅读:84今日分享:32

jQuery如何在一个字符串中获取两个符号中间的值

在jquery中,可以通过indexOf()方法获得指定字符的位置,再使用substring()方法截取指定位置的字符,使可以实现获取两个字符中间的值。下面小编举例讲解jQuery如何在一个字符串中获取两个符号中间的值。
工具/原料
1

html+jquery

2

代码编辑器:zend studio 10.0

方法/步骤
1

新建一个html文件,命名为test.html,用于讲解jQuery如何在一个字符串中获取两个符号中间的值。

2

在test.html文件内,在p标签内,使用input标签创建一个邮箱地址的输入框,下面将截取'@'和'.'之间的字符串。

3

在test.html文件内,设置input标签的id属性值为myinput,主要用于下面通过此id获得input对象。

4

在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取@和点之前的字符”。

5

在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getmidstr()函数。

6

在js标签中,创建getmidstr()函数,在函数内,通过id(myinput)获得input对象,使用val()方法获得输入的邮箱地址,通过indexOf()方法获得@的位置和“.”的位置,再使用substring()方法截取两个位置之间的字符。

7

在浏览器打开test.html文件,输入邮箱地址,点击按钮,查看结果。

总结:

1、创建一个test.html文件。 2、在文件内,使用input标签创建一个邮箱地址的输入框,并设置input标签的id属性值为myinput,同时创建一个button按钮,用于触发执行js函数。 3、在js标签内,创建函数,在函数内,通过id(myinput)获得input对象,使用val()方法获得输入的邮箱地址,通过indexOf()方法获得@的位置和“.”的位置,再使用substring()方法截取两个位置之间的字符。

注意事项

indexOf()方法获取的位置是从零开始的,必须加1。

推荐信息