jQuery获取h1-h6元素的值
来源:互联网 发布:好听的淘宝用户名女 编辑:程序博客网 时间:2024/04/27 23:02
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
获取点击元素内容内容
1 0
- jQuery获取h1-h6元素的值
- h1-h6
- 标题(H1-H6)标签的使用说明
- html中h1-h6标签对搜索引擎seo的影响
- 浅谈h1到h6标签对seo的影响
- HTML+CSS基础 h1-h6标签显示文本的效果
- 网站里的H1-H6标签有什么用
- HTML <h1> 到 <h6> 标签
- HTML 标签 <h1> 到 <h6>
- <html>h1~h6、body、br
- HTML <h1>到<h6>标签
- jquery 获取元素的值
- 谈下html5的标签,h1到h6的一些见解
- html<font>标签的color属性以及<h1> 到 <h6> 标签
- <h1>~<h6>、<a>、属性、相对路径
- w3c-html-(h1-h6)标题标签
- jquery获取元素值
- jquery获取元素值
- Linux常用命令
- #码神心得_02# java基础知识
- display:inline、block、inline-block的区别
- UML相关文章
- android开发笔记之 仿优酷圆形菜单
- jQuery获取h1-h6元素的值
- Spark中组件Mllib的学习8之ALS训练的model来预测数据
- 将数组A中的0都移至数组末尾,将非0的移至开始(保持原来顺序)例子:1,2,0,2,3,0-->1,2,2,3,0
- 342. Power of Four
- css3 特性
- AFN原理及常用方法
- 慢查询日志
- (10)复制对象时勿忘每一个成分
- 无题