Jquery获取span里的值并比较

在jquery中,可以使用text()方法获得span的值,再使用if语句进行比较 。 下面小编举例讲解Jquery获取span里的值并比较 。

Jquery获取span里的值并比较

文章插图

需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件,定名为test.html,用于讲解Jquery获取span里的值并比力 。
Jquery获取span里的值并比较

文章插图

2在test.html文件内,利用span标签建立两行内容,用于测试 。

Jquery获取span里的值并比较

文章插图

3在test.html文件内,别离给span标签添加一个id属性,例如,test1,tes2 。

Jquery获取span里的值并比较

文章插图

4在test.html文件内,利用button标签建立一个按钮,给button按钮绑定onclick点击事务,当按钮被点击时,执行bijiao()函数 。
Jquery获取span里的值并比较

文章插图

5在js标签中,建立bijiao()函数,在函数内,别离经由过程id获得span标签对象,再利用text()方式获得span的值,然后利用if语句对两个span值进行比力,并利用alert()方式进行提醒 。


Jquery获取span里的值并比较

文章插图

6在浏览器打开test.html文件,查看实现的结果 。
Jquery获取span里的值并比较

文章插图

总结:11、利用span标签建立两行内容,别离给span标签添加一个id属性 。
【Jquery获取span里的值并比较】2、在js中,别离经由过程id获得span标签对象,再利用text()方式获得span的值,然后利用if语句对两个span值进行比力 。

注重事项text()方式只能获得文本内容 。

以上内容就是Jquery获取span里的值并比较的内容啦,希望对你有所帮助哦!

    推荐阅读