jquery如何获取标签内容?下面本篇文章给大家介绍一下使用jquery获取标签内容的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
方法1:使用text()获取标签内容
text() 方法可以返回被选元素的文本内容(会删除 HTML 标记)。
语法
$(selector).text()
示例:
<!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($("p").text()); }); }); </script> </head> <body> <button>返回所有p元素的文本内容</button> <p>这是一个段落。</p> <p>这是<b>另一个</b>段落。</p> </body> <span style="color:transparent">来源gaodai#ma#com搞*!代#%^码网</span></html>
方法2:使用html()获取标签内容
html() 方法可以返回被选元素的内容(包括 HTML 标记),会返回第一个匹配元素的内容。
语法:
$(selector).html()
示例:
<!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($("p").html()); }); }); </script> </head> <body> <button>修改这个P元素的内容</button> <p>这是一个 <b>段落</b>。</p> </body> </html>
更多web前端知识,请查阅 搞代码网 !!
以上就是jquery如何获取标签内容?的详细内容,更多请关注gaodaima搞代码网其它相关文章!