网站建设资讯

NEWS

网站建设资讯

jquery怎么获取span的值

小编给大家分享一下jquery怎么获取span的值,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

成都创新互联公司主营淮阴网站建设的网络公司,主营网站建设方案,成都APP应用开发,淮阴h5微信平台小程序开发搭建,淮阴网站营销推广欢迎淮阴等地区企业咨询

jquery获取span值的方法:首先创建一个前端代码示例;然后设置span;最后通过“$(document).ready(function(){$("button").click(function(){..}}”方法获取span的值即可。

先看个示例,示例代码如下:


  
    
    
  
  
     aaaa
  

【val的值:undefined】

【html的值:null】

【text的值:】

上面三种都没有取得想要的值,之所以没有取到是因为html是从上往下解析的,在解析到js里的$("#spId")时,下面这个span还不存在,当然就取不到了。
如果改成下面这样


  
        
  
  
     aaaa
     
  

js在span的后面解析,span就有了。另外,jquery的做法是用ready函数包含这些代码,放哪就无所谓了。它的作用就是在加载完整个页面后才执行包含的js,如:

一、
所以,span 的设置和获取如下:







aaaa

二、

如果想获得html代码,把text换成html就可以了,







aaaa

jquery怎么获取span的值jquery怎么获取span的值

设置html,并取得 html, 如下







初期值

三、注意点:







aaaa

此时 ,获取的html()为 【testSpan】,而不是【testSpan

看完了这篇文章,相信你对jquery怎么获取span的值有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


本文名称:jquery怎么获取span的值
文章分享:http://cdweb.net/article/pogdsg.html