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($("span").HTML());
- });
- });
- </script>
- </head>
- <body>
- <button>
- 返回这个 span 元素的内容
- </button>
- <br>
- <br>
- <span>
- 这是一个
- <b>
- 段落
- </b>
- .
- </span>
- </body>
- </HTML>
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/16969.html