jQuery获取h1-h6元素的值
1、问题背景
查找到h1-h6，并遍历它们，打印出内容
2、实现源码
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>查找标题</title> <script type="text/javascript" src="js/jquery-2.2.3.js" ></script> <script> $(function(){ //查找h1-h6 $(":header").each(function(){ $(this).click(function(event){ console.info(event.target.innerText); console.log(event.currentTarget.innerHTML); }); }); }); </script> </head> <body> <h1>Hello H1</h1> <h2>Hello H2</h2> <h3>Hello H3</h3> <h4>Hello H4</h4> <h5>Hello H5</h5> <h6>Hello H6</h6> </body></html>3、实现结果
4、结果说明
（1）$(":header")
选择所有标题元素
（2）each函数
遍历h1-h6
（3）event.target.innerText
获取点击元素内容内容
（4）event.currentTarget.innerHTML
获取点击元素内容内容
再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.****.net/jiangjunshow