jquery如何获取元素span的值?下面本篇文章就来给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
jquery如何获取元素span的值?
在jquery中,可以使用text()或html()方法来获取获取元素span的值。
text() 方法可以返回被选元素的文本内容(会删除 HTML 标记)。
html() 方法可以返回被选元素的innerHTML内容(文本 + HTML 标记);会返回第一个匹配元素的内容。
示例1:使用text()方法获取元素span的值
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ alert($("span").text()); }); }); </script> </head> <body> <button>返回所有span元素的文本内容</button> <br><br> <span>这是一个span元素的内容。</span> <span>这是<b>另一个</b>span元素的内容。</span> </body> </html>
示例2:使用html()方法获取元素span的值
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ alert(<a style="color:transparent">来源gao($daima.com搞@代@#码网</a>$("span").html()); }); }); </script> </head> <body> <button>返回这个span元素的内容</button> <br><br> <span>这是一个 <b>段落</b>。</span> </body> </html>
更多web前端开发知识,请查阅 搞代码网 !!
以上就是jquery如何获取元素span的值?的详细内容,更多请关注gaodaima搞代码网其它相关文章!