在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。
下一篇:如何选购空气除湿机呢