jquery 获取元素span的值

哎哟,跟你说个事儿。
前年我在北京做项目,用jQuery搞东西。
那会儿有个页面,里面一堆标签,得获取里面的内容。
我一开始搞错了,用了.val方法,结果啥都没取到,把我整蒙了。
后来想起不是表单元素啊,赶紧改用.text方法。
嘿,这下行了。
你要是只想拿纯文本,.text肯定行。
你要是想拿里面嵌套的HTML代码,比如还有标签啥的,那得用.。
我这有个例子,就在电脑里,你看看。
哦对了,你要是页面上好多好多个,你得用点具体的选择器,比如按ID或者类名找,不然取错啦。

jquery 获取元素span的值

说白了,在JavaScript中操作DOM元素,获取表单元素的值和容器内容,其实很简单。
先说最重要的,使用jQuery的val()方法可以轻松获取表单元素(比如文本框)的值。
去年我们跑的那个项目,大概3 000量级,这个方法帮我们节省了不少时间。

另外一点,如果你想获取一个元素的纯文本内容,可以使用text()方法,而()方法则是获取元素的HTML内容,包括标签。
比如,获取一个span标签的文本和HTML,你可以这样做:var $span = $('span'); alert($span.text() + "_ " + $span.());
我一开始也以为text()和()方法的作用是一样的,后来发现不对,text()只获取文本内容,而()则包括标签。
等等,还有个事,如果你只是想获取纯文本内容,而容器中可能包含其他元素,比如另一个span,那么使用text()会获取到所有文本内容,包括嵌套元素的文本。
这个点很多人没注意,容易导致理解偏差。

所以,如果你只是想获取一个元素的文本内容,使用text()就对了;如果你想获取包括标签在内的完整HTML内容,那就用()。
我觉得值得试试,这样在处理DOM的时候能更加得心应手。