jquery如何获取span的值

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

先看个示例，示例代码如下：

  
    
  
  
     aaaa
  

alert的结果 如下

【val的值：undefined】

【html的值：null】

【text的值：】

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

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

一、
所以，span 的设置和获取如下：

aaaa
切换

二、

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

aaaa

切换

设置html，并取得 html， 如下

初期值

切换

结果：

三、注意点：

aaaa

切换

结果

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

以上就是jquery如何获取span的值的详细内容，更多请关注 第一PHP社区 其它相关文章！